diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2017-03-29 21:43:18 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-03-29 21:43:18 -0600 |
| commit | 85fcd420653c1a9c4de3380a386178ba76f3dfba (patch) | |
| tree | 55fb72fb62df104dd9bf1dca6cdc264e350976da | |
| parent | f984cf09878fd48d68ff7be3dd31058cfc4c8163 (diff) | |
| parent | 7d3b0adf0ad82411e49ccc2f0a75d5400ce7ebe4 (diff) | |
| download | nextcloud-server-85fcd420653c1a9c4de3380a386178ba76f3dfba.tar.gz nextcloud-server-85fcd420653c1a9c4de3380a386178ba76f3dfba.zip | |
Merge pull request #4100 from nextcloud/header-indicator
show triangle below user menu too when an entry inside there is active
| -rw-r--r-- | core/css/header.scss | 26 | ||||
| -rw-r--r-- | core/css/styles.scss | 2 |
2 files changed, 26 insertions, 2 deletions
diff --git a/core/css/header.scss b/core/css/header.scss index 3fcb8a2260c..df137d0fc90 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -344,6 +344,7 @@ nav { /* User menu on the right */ #expand { + position: relative; display: flex; align-items: center; padding: 7px 20px 6px 10px; @@ -384,10 +385,32 @@ nav { #expandDisplayName { padding: 8px; - opacity: .7; + opacity: .6; } } +/* full opacity for gear icon if active */ +#body-settings #expandDisplayName { + opacity: 1; +} + +/* show triangle below user menu if active */ +#body-settings #expand:before { + content: ' '; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border: 0 solid transparent; + border-bottom-color: white; + border-width: 10px; + transform: translateX(-50%); + left: 26px; + bottom: 0; + z-index: 100; + display: block; +} + #expanddiv { position: absolute; right: 13px; @@ -439,6 +462,7 @@ nav { vertical-align: top !important; height: 20px; padding: 12px; + cursor: pointer; a { opacity: 0.6; diff --git a/core/css/styles.scss b/core/css/styles.scss index c9ba8695032..0fd4b90876c 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -187,7 +187,7 @@ body { -webkit-transition: all 100ms; transition: all 100ms; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; - opacity: .7; + opacity: .6; &:focus, &:active, &:valid { color: $color-primary-text; width: 155px; |