diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2018-03-22 14:19:03 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-22 14:19:03 +0100 |
| commit | 8c6b6b1f0d061272133ba5d2d44b055a12580d5b (patch) | |
| tree | 90160de3c5c7eb345b707be7b79efbd07a4bd9b4 /core | |
| parent | 6eb2088dd9c473b0d7c5b2a09a13d8ed8198b986 (diff) | |
| parent | 138ae59901007aa1353912799e5046cda9105edd (diff) | |
| download | nextcloud-server-8c6b6b1f0d061272133ba5d2d44b055a12580d5b.tar.gz nextcloud-server-8c6b6b1f0d061272133ba5d2d44b055a12580d5b.zip | |
Merge pull request #8886 from nextcloud/navigation-indicator
Make active navigation indicator more obvious
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/apps.scss | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index fc255aca676..6b3ab623704 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -152,7 +152,7 @@ kbd { &, > a { opacity: 1; - box-shadow: inset 2px 0 $color-primary; + box-shadow: inset 4px 0 $color-primary; } } @@ -177,7 +177,6 @@ kbd { /* Second level nesting for lists */ > ul { flex: 0 1 auto; - padding-left: 44px; width: 100%; transition: max-height 2000ms ease-in-out, opacity 250ms ease-in-out; @@ -187,6 +186,7 @@ kbd { > li { display: inline-flex; flex-wrap: wrap; + padding-left: 44px; &:focus, &:hover, &.active, @@ -197,10 +197,28 @@ kbd { } } + &.active { + box-shadow: inset 4px 0 $color-primary; + } + /* align loader */ &.icon-loading-small:after { left: 22px; /* 44px / 2 */ } + + > .app-navigation-entry-deleted { + /* margin to keep active indicator visible */ + margin-left: 4px; + padding-left: 84px; + } + + > .app-navigation-entry-edit { + /* margin to keep active indicator visible */ + margin-left: 4px; + /* align the input correctly with the link text + 44px+44px-4px-6px padding for the input */ + padding-left: 78px !important; + } } } } |