Browse Source
Popover to css guidelines
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
pull/6669/head
John Molakvoæ (skjnldsv)
8 years ago
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
3 changed files with
19 additions and
38 deletions
-
settings/css/settings.scss
-
settings/js/users/users.js
-
settings/templates/users/part.userlist.php
|
|
|
@ -576,42 +576,6 @@ span.usersLastLoginTooltip { |
|
|
|
.groupsListContainer.hidden { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
.bubble { |
|
|
|
z-index: 1; |
|
|
|
right: -6px; |
|
|
|
top: auto; |
|
|
|
&:after { |
|
|
|
right: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
.popovermenu { |
|
|
|
a.menuitem { |
|
|
|
height: 20px; |
|
|
|
margin: 0; |
|
|
|
padding: 0; |
|
|
|
line-height: initial; |
|
|
|
} |
|
|
|
margin-top: 4px; |
|
|
|
border-top-right-radius: 3px; |
|
|
|
right: 3px; |
|
|
|
opacity: 0; |
|
|
|
display: block; |
|
|
|
visibility: hidden; |
|
|
|
transition: opacity 0.1s, visibility 0.1s; |
|
|
|
} |
|
|
|
tr.active .popovermenu { |
|
|
|
opacity: 1; |
|
|
|
visibility: visible; |
|
|
|
} |
|
|
|
.popovermenu > ul.userActionsMenu { |
|
|
|
right: 15px; |
|
|
|
a { |
|
|
|
margin: 5px 0; |
|
|
|
span:last-child { |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* because of accessibility the name cell is <th> - therefore we enforce the black color */ |
|
|
|
@ -646,10 +610,24 @@ tr:hover > td { |
|
|
|
td.userActions { |
|
|
|
width: 25px; |
|
|
|
text-align: center; |
|
|
|
position: relative; |
|
|
|
.action { |
|
|
|
position: relative; |
|
|
|
top: 3px; |
|
|
|
} |
|
|
|
.toggleUserActions { |
|
|
|
border: none; |
|
|
|
background-color: rgba(0, 0, 0, 0); |
|
|
|
width: 34px; |
|
|
|
height: 34px; |
|
|
|
margin: 0; |
|
|
|
opacity: 0.5; |
|
|
|
&:hover, |
|
|
|
&:focus { |
|
|
|
background-color: transparent; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
tr.active td.userActions .action { |
|
|
|
@ -694,7 +672,7 @@ select { |
|
|
|
&.quota-user { |
|
|
|
width: 10em; |
|
|
|
height: 34px; |
|
|
|
z-index: 150; |
|
|
|
z-index: 50; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
+ progress.quota-user-progress { |
|
|
|
|
|
|
|
@ -955,9 +955,12 @@ $(document).ready(function () { |
|
|
|
|
|
|
|
if ($tr.is('.active')) { |
|
|
|
$tr.removeClass('active'); |
|
|
|
menudiv.removeClass('open'); |
|
|
|
return; |
|
|
|
} |
|
|
|
$('#userlist tr.active').removeClass('active'); |
|
|
|
$('#userlist .popovermenu').removeClass('open'); |
|
|
|
menudiv.addClass('open'); |
|
|
|
menudiv.find('.action-togglestate').empty(); |
|
|
|
if ($tr.data('userEnabled')) { |
|
|
|
$('.action-togglestate', $td).html('<span class="icon icon-close"></span><span>' + t('settings', 'Disable') + '</span>'); |
|
|
|
|
|
|
|
@ -65,7 +65,7 @@ |
|
|
|
<td class="userBackend"></td> |
|
|
|
<td class="lastLogin"></td> |
|
|
|
<td class="userActions"><span></span> |
|
|
|
<div class="popovermenu bubble open menu"> |
|
|
|
<div class="popovermenu bubble menu"> |
|
|
|
<ul class="userActionsMenu"> |
|
|
|
<li> |
|
|
|
<a href="#" class="menuitem action-togglestate permanent" data-action="togglestate"></a> |
|
|
|
|
