Improved layout with large number of roles (10+).

This commit is contained in:
Martin Edenhofer 2014-10-14 23:58:13 +02:00
parent ea3e365b5e
commit e17f352a50
2 changed files with 5 additions and 3 deletions

View file

@ -11,9 +11,11 @@
</div>
</div>
<div class="userSearch horizontal center">
<div class="userSearch vertical center">
<input type="text" class="js-search form-control flex" name="search" placeholder="<%- @T('Search for users') %>">
<div class="userSearch-label"><%- @T('Filter') %>:</div>
</div>
<div class="userSearch horizontal">
<div class="userSearch-label"><%- @T('Roles') %>:</div>
<div class="tabs tabs-wide horizontal">
<% for role in @roles: %>
<div class="tab active" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>

View file

@ -3745,7 +3745,7 @@ footer {
}
.userSearch-label {
margin: 0 10px 0 20px;
margin: 10px 10px 0 0;
}
.userSearch .tab:not(.active) {