diff --git a/settings/css/settings.css b/settings/css/settings.css index 4ef1f876a6..554fe1da81 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 a.icon, -#apppasswords .token-list a.icon { - opacity: 0.6; - margin-top: 4px; - display: none; +#sessions .token-list td > a.icon, +#apppasswords .token-list td > a.icon { + opacity: 0; + transition: opacity 0.5s; } -#sessions .token-list tr:hover a.icon, -#apppasswords .token-list tr:hover a.icon { +#sessions .token-list a.icon, +#apppasswords .token-list a.icon { + margin-top: 4px; 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, diff --git a/settings/js/authtoken_view.js b/settings/js/authtoken_view.js index 7ba3ce0b92..20fe5235eb 100644 --- a/settings/js/authtoken_view.js +++ b/settings/js/authtoken_view.js @@ -29,21 +29,19 @@ '' + '' + '{{name}}' - + '
' - + '' - + '
' - + '
' + '' + '{{lastActivity}}' - + '' + + '' + + '{{#if showMore}}{{/if}}' + + '' + '' + ''; @@ -111,6 +109,7 @@ viewData.lastActivity = OC.Util.relativeModifiedDate(ts); viewData.lastActivityTime = OC.Util.formatDate(ts, 'LLL'); viewData.canScope = token.get('type') === 1; + viewData.showMore = viewData.canScope || viewData.canDelete; // preserve title for cases where we format it further viewData.title = viewData.name; @@ -217,7 +216,7 @@ var $el = $(el); $el.on('click', 'a.icon-delete', _.bind(_this._onDeleteToken, _this)); - $el.on('click', 'a.icon-settings', _.bind(_this._onConfigureToken, _this)); + $el.on('click', '.icon-more', _.bind(_this._onConfigureToken, _this)); $el.on('change', 'input.filesystem', _.bind(_this._onSetTokenScope, _this)); }); diff --git a/settings/templates/personal.php b/settings/templates/personal.php index c66a9d60d1..ea1c7ba645 100644 --- a/settings/templates/personal.php +++ b/settings/templates/personal.php @@ -220,7 +220,6 @@ if($_['passwordChangeSupported']) { t('Name'));?> t('Last activity'));?> -