Mobilification of super user panel
This commit is contained in:
parent
f1ea20315a
commit
9b58c951bf
3 changed files with 30 additions and 25 deletions
|
@ -45,16 +45,10 @@
|
|||
height: 70px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.co-nav-title {
|
||||
height: auto;
|
||||
min-height: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-content {
|
||||
color: white;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-action {
|
||||
|
@ -73,6 +67,21 @@
|
|||
margin-right: 6px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.co-nav-title {
|
||||
height: auto;
|
||||
min-height: 70px;
|
||||
}
|
||||
|
||||
.co-nav-title .co-nav-title-content {
|
||||
max-height: 38px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.co-tab-container {
|
||||
padding: 0px;
|
||||
}
|
||||
|
@ -103,6 +112,8 @@
|
|||
@media (max-width: 767px) {
|
||||
.co-tab-content {
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
0
static/css/pages/super-user.css
Normal file
0
static/css/pages/super-user.css
Normal file
|
@ -1,4 +1,4 @@
|
|||
<div>
|
||||
<div class="super-user">
|
||||
<div class="cor-loader" ng-show="!configStatus"></div>
|
||||
<div class="page-content" quay-show="Features.SUPER_USERS && configStatus == 'ready'">
|
||||
<div ng-if="requiresRestart" class="alert alert-warning restart-required">
|
||||
|
@ -33,7 +33,7 @@
|
|||
<span class="cor-tab" tab-title="Internal Logs and Debugging" tab-target="#debug" tab-init="loadDebugServices()">
|
||||
<i class="fa fa-bug"></i>
|
||||
</span>
|
||||
<span class="cor-tab" tab-title="Registry Settings" tab-target="#setup"
|
||||
<span class="cor-tab hidden-xs" tab-title="Registry Settings" tab-target="#setup"
|
||||
tab-init="loadConfig()">
|
||||
<i class="fa fa-cog"></i>
|
||||
</span>
|
||||
|
@ -114,29 +114,23 @@
|
|||
{{ usersError }}
|
||||
</div>
|
||||
<div ng-show="users">
|
||||
<div class="side-controls">
|
||||
<div class="result-count">
|
||||
Showing {{(users | filter:search | limitTo:100).length}} of
|
||||
{{(users | filter:search).length}} matching users
|
||||
</div>
|
||||
<div class="filter-input">
|
||||
<input id="log-filter" class="form-control" placeholder="Filter Users" type="text" ng-model="search.$">
|
||||
</div>
|
||||
<button class="btn btn-primary" style="vertical-align: top; margin-left: 10px;"
|
||||
ng-click="showCreateUser()">
|
||||
<div class="manager-header" header-title="Users">
|
||||
<button class="create-button btn btn-primary" ng-click="showCreateUser()">
|
||||
<i class="fa fa-plus" style="margin-right: 6px;"></i>Create User
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<table class="table">
|
||||
<div class="filter-box" collection="users" filter-model="search" filter-name="Users"></div>
|
||||
|
||||
<table class="cor-table">
|
||||
<thead>
|
||||
<th style="width: 24px;"></th>
|
||||
<th>Username</th>
|
||||
<th>E-mail address</th>
|
||||
<th style="width: 24px;"></th>
|
||||
<td style="width: 24px;"></td>
|
||||
<td>Username</td>
|
||||
<td>E-mail address</td>
|
||||
<td style="width: 24px;"></td>
|
||||
</thead>
|
||||
|
||||
<tr ng-repeat="current_user in (users | filter:search | orderBy:'username' | limitTo:100)"
|
||||
<tr ng-repeat="current_user in (users | filter:search | orderBy:'username')"
|
||||
class="user-row">
|
||||
<td>
|
||||
<span class="avatar" data="current_user.avatar" size="24"></span>
|
||||
|
|
Reference in a new issue