Skip to content

Gutyán Gábor / circlestack

Go to a project
Commit a00b8718 by Kálmán Viktor
Options

dashboard: better look for vm list controls on smaller resolution

parent 79c214d4
Showing with 31 additions and 25 deletions
circle/dashboard/static/dashboard/dashboard.css
...@@ -936,3 +936,7 @@ textarea[name="list-new-namelist"] { ...@@ -936,3 +936,7 @@ textarea[name="list-new-namelist"] {
.mass-op-panel .status-icon { .mass-op-panel .status-icon {
font-size: 1.5em; font-size: 1.5em;
} }
#vm-list-search, #vm-mass-ops {
margin-top: 8px;
}
circle/dashboard/templates/dashboard/vm-list.html
...@@ -15,31 +15,33 @@ ...@@ -15,31 +15,33 @@
</div> </div>
<h3 class="no-margin"><i class="fa fa-desktop"></i> {% trans "Virtual machines" %}</h3> <h3 class="no-margin"><i class="fa fa-desktop"></i> {% trans "Virtual machines" %}</h3>
</div> </div>
<div class="pull-right" style="max-width: 300px; margin-top: 15px; margin-right: 15px;"> <div class="panel-body">
<form action="" method="GET"> <div class="row">
<div class="input-group"> <div class="col-md-8 vm-list-group-control" id="vm-mass-ops">
{{ search_form.s }} <strong>{% trans "Group actions" %}</strong>
<div class="input-group-btn"> <button id="vm-list-group-select-all" class="btn btn-info btn-xs">{% trans "Select all" %}</button>
{{ search_form.stype }} {% for o in ops %}
<button type="submit" class="btn btn-primary input-tags"> <a href="{{ o.get_url }}" class="btn btn-xs btn-{{ o.effect }} mass-operation"
<i class="fa fa-search"></i> title="{{ o.name|capfirst }}" disabled>
</button> <i class="fa fa-{{ o.icon }}"></i>
</div> </a>
</div> {% endfor %}
</form> </div><!-- .vm-list-group-control -->
</div> <div class="col-md-4" id="vm-list-search">
<div class="panel-body vm-list-group-control"> <form action="" method="GET">
<div id="vm-mass-ops"> <div class="input-group">
<strong>{% trans "Group actions" %}</strong> {{ search_form.s }}
<button id="vm-list-group-select-all" class="btn btn-info btn-xs">{% trans "Select all" %}</button> <div class="input-group-btn">
{% for o in ops %} {{ search_form.stype }}
<a href="{{ o.get_url }}" class="btn btn-xs btn-{{ o.effect }} mass-operation" <button type="submit" class="btn btn-primary input-tags">
title="{{ o.name|capfirst }}" disabled> <i class="fa fa-search"></i>
<i class="fa fa-{{ o.icon }}"></i> </button>
</a> </div>
{% endfor %} </div><!-- .input-group -->
</div><!-- #vm-mass-ops --> </form>
</div><!-- .panel-body .vm-list-group-control --> </div><!-- .col-md-4 #vm-list-search -->
</div><!-- .row -->
</div><!-- .panel-body -->
<div class="panel-body"> <div class="panel-body">
<table class="table table-bordered table-striped table-hover vm-list-table" <table class="table table-bordered table-striped table-hover vm-list-table"
id="vm-list-table"> id="vm-list-table">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment