diff options
| author | Robin Appelman <robin@icewind.nl> | 2016-11-14 18:19:27 +0100 |
|---|---|---|
| committer | Robin Appelman <robin@icewind.nl> | 2016-11-16 15:24:32 +0100 |
| commit | 9157f807cc9a8a0aa5c68de572bff230dd7e2a49 (patch) | |
| tree | 78db00592feb554061b94da40297306db62d90cb /settings/css | |
| parent | 311531ecce497663960877fc536ba94deff27bc0 (diff) | |
| download | nextcloud-server-9157f807cc9a8a0aa5c68de572bff230dd7e2a49.tar.gz nextcloud-server-9157f807cc9a8a0aa5c68de572bff230dd7e2a49.zip | |
dropdown ui
Signed-off-by: Robin Appelman <robin@icewind.nl>
Diffstat (limited to 'settings/css')
| -rw-r--r-- | settings/css/settings.css | 44 |
1 files changed, 31 insertions, 13 deletions
diff --git a/settings/css/settings.css b/settings/css/settings.css index 4ef1f876a63..554fe1da81c 100644 --- a/settings/css/settings.css +++ b/settings/css/settings.css @@ -149,10 +149,11 @@ table.nostyle td { padding: 0.2em 0; } padding: 10px 10px 10px 0; } -#sessions .token-list td.icon, -#apppasswords .token-list td.icon { +#sessions .token-list td.more, +#apppasswords .token-list td.more { + overflow: visible; + position: relative; width: 16px; - padding: 10px; } #sessions .token-list td, @@ -170,33 +171,50 @@ table.nostyle td { padding: 0.2em 0; } #apppasswords tr>*:nth-child(2) { text-align: right; } +#sessions .token-list td > a.icon, +#apppasswords .token-list td > a.icon { + opacity: 0; + transition: opacity 0.5s; +} + #sessions .token-list a.icon, #apppasswords .token-list a.icon { - opacity: 0.6; margin-top: 4px; - display: none; + display: block; } -#sessions .token-list tr:hover a.icon, -#apppasswords .token-list tr:hover a.icon { - display: block; +#sessions .token-list tr:hover td > a.icon, +#apppasswords .token-list tr:hover td > a.icon, +#sessions .token-list tr.active td > a.icon, +#apppasswords .token-list tr.active td > a.icon{ + opacity: 0.6; } #sessions .token-list td div.configure, #apppasswords .token-list td div.configure { display: none; - height: 18px; } #sessions .token-list tr.active div.configure, #apppasswords .token-list tr.active div.configure { display: block; - padding-left: 10px; + position: absolute; + top: 45px; + right: -5px; + padding: 10px; } -#sessions .token-list tr.active .token-name, -#apppasswords .token-list tr.active .token-name { - display: none; +#sessions .token-list tr.active div.configure > *, +#apppasswords .token-list tr.active div.configure > *{ + margin-top: 5px; + margin-bottom: 5px; + display: inline-block; +} + +#sessions .token-list tr.active a.icon-delete, +#apppasswords .token-list tr.active a.icon-delete { + background-position: left; + padding-left: 20px; } #new-app-login-name, |