diff options
author | raimund-schluessler <raimund.schluessler@googlemail.com> | 2017-02-22 21:23:32 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-02-22 21:23:32 +0300 |
commit | a47b704152bfb92f8b619342a089703d1e75fb9e (patch) | |
tree | 46e9e5bf2cce28487a5923f8a9f82214dc7e4c02 /css | |
parent | 7b2101b763e430aa7c34f85f2229f540188dc548 (diff) | |
parent | 9fe895c35c472197989173967e181356737883d5 (diff) |
Merge pull request #53 from nextcloud/FixAppNavigationMenu
Fix app navigation menu, closes #49
Diffstat (limited to 'css')
-rw-r--r-- | css/style.css | 77 |
1 files changed, 31 insertions, 46 deletions
diff --git a/css/style.css b/css/style.css index 3b7f78ff..ed4d9d55 100644 --- a/css/style.css +++ b/css/style.css @@ -44,29 +44,29 @@ #app-navigation .app-navigation-entry-utils li { font-size: 100%; } -#app-navigation .app-navigation-entry-menu li, -.sortorder-dropdown li { +#app-navigation li.list:not(.active) .app-navigation-entry-utils-menu-button { + display: none; + } +#app-navigation .app-navigation-entry-menu li { float: inherit; width: auto !important; opacity: 0.5; cursor: pointer; - height: 38px; } -.sortorder-dropdown li.active { - opacity: 1; +.sortorder-dropdown li { + float: inherit; + width: auto !important; + cursor: pointer; + } +.sortorder-dropdown li.active a { + opacity: 1 !important; } -#app-navigation .app-navigation-entry-menu li>a, -#app-navigation .app-navigation-entry-menu li>span, -.sortorder-dropdown li>span { - width: 100%; - padding: 10px; - display: inline-block; - line-height: normal; - height: auto; - min-height: auto; - box-sizing: border-box; +.sortorder-dropdown a { + width: 100% !important; +} +.app-navigation-entry-menu.sortorder-dropdown li > a span { + opacity: 1 !important; } - #app-navigation .app-navigation-entry-menu li img, #app-navigation .app-navigation-entry-menu li span, .sortorder-dropdown li img, @@ -601,15 +601,10 @@ display: block; } .sortorder-dropdown .icon { - margin-top: -2px; - margin-right: 3px; + margin: 12px 8px; } .sort-indicator { - width: 10px; - height: 8px; - margin-left: 5px; - display: inline-block; - vertical-align: text-bottom; + margin-left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; @@ -1642,15 +1637,6 @@ ol[dnd-list] .dndPlaceholder { box-shadow: 0 0 6px #f8b9b7; } -.confirmed { - opacity: 1 !important; -} -.confirmed img { - margin-left: auto; - margin-right: auto !important; - display: block; -} - .confirmation-default { overflow: hidden; } @@ -1662,13 +1648,12 @@ ol[dnd-list] .dndPlaceholder { .confirmation-confirm, .confirmation-abort { width: 50% !important; display: none !important; - overflow: hidden; - float: right; - height: 100% !important; + padding-right: 0px !important; + background-position: center !important; } -.confirmation-confirm, .confirmation-confirm span { - background-color: red; +.confirmation-confirm { + background-color: red !important; cursor: default !important; } @@ -1676,23 +1661,23 @@ ol[dnd-list] .dndPlaceholder { display: inline-block !important; } -.confirmed .confirmation-confirm img { - display: none; -} +.app-navigation-entry-menu li > a:not(:empty).confirmation-confirm { + padding-right: 0 !important; + } -.countdown { +.app-navigation-entry-menu li > a span.countdown { + background-color: inherit; color: white; display: block; text-align: center; + -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important; + filter: alpha(opacity=100) !important; + opacity: 1 !important; } .confirmed.active .confirmation-confirm{ cursor: pointer !important; } -.confirmed.active .confirmation-confirm span.countdown { +.confirmed.active .countdown { display: none; } - -.confirmed.active .confirmation-confirm img { - display: block; -} |