User settings app-navigation to css guidelines

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-10-16 18:00:56 +02:00
parent 3709d3eeae
commit f4004d3ab8
No known key found for this signature in database
GPG key ID: FB5ACEED51955BF8
3 changed files with 31 additions and 42 deletions

View file

@ -249,6 +249,10 @@ body {
left: 0;
}
#app-navigation * {
box-sizing: border-box;
}
#controls {
.button, button {
box-sizing: border-box;

View file

@ -472,38 +472,17 @@ table.nostyle {
}
li.active {
span.utils .delete {
float: left;
position: relative;
opacity: 0.5;
top: -7px;
left: 7px;
width: 44px;
height: 44px;
}
.delete,
.rename {
padding: 8px 14px 20px 14px;
top: 0px;
position: absolute;
width: 16px;
height: 16px;
opacity: 0.5;
display: inline-block !important;
}
span.utils .delete img {
margin: 14px;
}
.rename {
opacity: 0.5;
}
span.utils .delete:hover, .rename:hover {
opacity: 1;
display: block;
}
}
span.utils .delete,
.rename {
display: none;
.app-navigation-entry-utils {
.delete,
.rename {
display: none;
}
}
#usersearchform {

View file

@ -31,9 +31,11 @@
<?php foreach($_["adminGroup"] as $adminGroup): ?>
<li data-gid="admin" data-usercount="<?php if($adminGroup['usercount'] > 0) { p($adminGroup['usercount']); } ?>" class="isgroup">
<a href="#"><span class="groupname"><?php p($l->t('Admins')); ?></span></a>
<span class="utils">
<span class="usercount"><?php if($adminGroup['usercount'] > 0) { p($adminGroup['usercount']); } ?></span>
</span>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><?php if($adminGroup['usercount'] > 0) { p($adminGroup['usercount']); } ?></li>
</ul>
</div>
</li>
<?php endforeach; ?>
@ -41,9 +43,11 @@
<?php $disabledUsersGroup = $_["disabledUsersGroup"] ?>
<li data-gid="_disabledUsers" data-usercount="<?php if($disabledUsersGroup['usercount'] > 0) { p($disabledUsersGroup['usercount']); } ?>" class="isgroup">
<a href="#"><span class="groupname"><?php p($l->t('Disabled')); ?></span></a>
<span class="utils">
<span class="usercount"><?php if($disabledUsersGroup['usercount'] > 0) { p($disabledUsersGroup['usercount']); } ?></span>
</span>
<div class="app-navigation-entry-utils">
<ul>
<li class="app-navigation-entry-utils-counter"><?php if($disabledUsersGroup['usercount'] > 0) { p($disabledUsersGroup['usercount']); } ?></li>
</ul>
</div>
</li>
<!--List of Groups-->
@ -52,14 +56,16 @@
<a href="#" class="dorename">
<span class="groupname"><?php p($group['name']); ?></span>
</a>
<span class="utils">
<span class="usercount"><?php if($group['usercount'] > 0) { p($group['usercount']); } ?></span>
<?php if($_['isAdmin']): ?>
<a href="#" class="action delete" original-title="<?php p($l->t('Delete'))?>">
<img src="<?php print_unescaped(image_path('core', 'actions/delete.svg')) ?>" />
</a>
<?php endif; ?>
</span>
<div class="app-navigation-entry-utils">
<ul>
<?php if($_['isAdmin']): ?>
<li class="app-navigation-entry-utils-menu-button delete">
<button class="icon-delete"></button>
</li>
<?php endif; ?>
<li class="app-navigation-entry-utils-counter"><?php if($group['usercount'] > 0) { p($group['usercount']); } ?></li>
</ul>
</div>
</li>
<?php endforeach; ?>
</ul>