Skip to content

Gelencsér Szabolcs / circlestack

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

network: fix host list search looking bad on smaller screens

parent f6be607a
Showing with 30 additions and 20 deletions
circle/network/static/network/network.less
...@@ -11,3 +11,7 @@ ...@@ -11,3 +11,7 @@
text-align: center; text-align: center;
width: 60px; width: 60px;
} }
.table-responsive {
margin-top: 15px;
}
circle/network/templates/network/host-list.html
...@@ -18,26 +18,32 @@ ...@@ -18,26 +18,32 @@
</h1> </h1>
</div> </div>
<ul class="nav nav-pills" style="margin: 5px 0 20px 0;"> <div class="row">
<li class="disabled"><a href="#">{% trans "Filter by vlans" %}</a></li> <div class="col-md-9">
<li {% if not request.GET.vlan %} class="active"{% endif %}> <ul class="nav nav-pills" style="margin: 5px 0 20px 0;">
<a href="{{ request.path }}">{% trans "ALL" %}</a> <li class="disabled"><a href="#">{% trans "Filter by vlans" %}</a></li>
</li> <li {% if not request.GET.vlan %} class="active"{% endif %}>
{% for vlan in vlans %} <a href="{{ request.path }}">{% trans "ALL" %}</a>
<li{% if request.GET.vlan|add:"0" == vlan.id %} class="active"{% endif %}> </li>
<a href="?vlan={{ vlan.id }}">{{ vlan.name }}</a> {% for vlan in vlans %}
</li> <li{% if request.GET.vlan|add:"0" == vlan.id %} class="active"{% endif %}>
{% endfor %} <a href="?vlan={{ vlan.id }}">{{ vlan.name }}</a>
<form action="" method="GET"> </li>
<div class="input-group pull-right" style="max-width: 300px;"> {% endfor %}
<input type="text" id="network-host-list-input" name="s" class="form-control" </ul>
value="{{ request.GET.s }}"/> </div>
<span class="input-group-btn"> <div class="col-md-3">
<button class="btn btn-primary"><i class="fa fa-search"></i></button> <form action="" method="GET">
</span> <div class="input-group pull-right">
</div> <input type="text" id="network-host-list-input" name="s" class="form-control"
</form> value="{{ request.GET.s }}" placeholder="{% trans "Search..." %}"/>
</ul> <span class="input-group-btn">
<button class="btn btn-primary"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
</div>
<div class="table-responsive"> <div class="table-responsive">
{% render_table table %} {% render_table 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