Improved layout with large number of roles (10+).
This commit is contained in:
parent
ea3e365b5e
commit
e17f352a50
2 changed files with 5 additions and 3 deletions
|
@ -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>
|
||||
|
|
|
@ -3745,7 +3745,7 @@ footer {
|
|||
}
|
||||
|
||||
.userSearch-label {
|
||||
margin: 0 10px 0 20px;
|
||||
margin: 10px 10px 0 0;
|
||||
}
|
||||
|
||||
.userSearch .tab:not(.active) {
|
||||
|
|
Loading…
Reference in a new issue