diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2017-12-19 12:11:12 +0100 |
|---|---|---|
| committer | Morris Jobke <hey@morrisjobke.de> | 2017-12-20 11:45:21 +0100 |
| commit | f854831045d77af7c278f7aed615df3ab9961eb9 (patch) | |
| tree | 5dc997dc197f2bb5fc8f1aa1fbbfdcd3798add95 /core | |
| parent | e550a3ddd8a391a25581302dc87d4877f6c53f0d (diff) | |
| download | nextcloud-server-f854831045d77af7c278f7aed615df3ab9961eb9.tar.gz nextcloud-server-f854831045d77af7c278f7aed615df3ab9961eb9.zip | |
Fix box shadow of header elements
* unify shadow blur from 3px to 10px
* remove opacity of background of app labels
* for IE: use box-shadow as fallback (because the filter: drop-shadow is not supported)
Signed-off-by: Morris Jobke <hey@morrisjobke.de>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/fixes.scss | 7 | ||||
| -rw-r--r-- | core/css/header.scss | 9 |
2 files changed, 11 insertions, 5 deletions
diff --git a/core/css/fixes.scss b/core/css/fixes.scss index 3cb89c6599f..0303b4d751a 100644 --- a/core/css/fixes.scss +++ b/core/css/fixes.scss @@ -16,3 +16,10 @@ select { visibility: hidden; } +.ie #header .menu, +.ie .header-left #navigation, +.ie .ui-datepicker, +.ie .ui-timepicker.ui-widget, +.ie #appmenu li span { + box-shadow: 0 1px 10px $color-box-shadow; +} diff --git a/core/css/header.scss b/core/css/header.scss index 21305de0d02..2716aa18e8d 100644 --- a/core/css/header.scss +++ b/core/css/header.scss @@ -76,7 +76,7 @@ .menu { top: 45px; background-color: $color-main-background; - filter: drop-shadow(0 1px 3px $color-box-shadow); + filter: drop-shadow(0 1px 10px $color-box-shadow); border-radius: 0 0 3px 3px; display: none; box-sizing: border-box; @@ -210,7 +210,7 @@ nav { left: -100%; width: 160px; background-color: $color-main-background; - filter: drop-shadow(0 1px 3px $color-box-shadow); + filter: drop-shadow(0 1px 10px $color-box-shadow); &:after { /* position of dropdown arrow */ left: 47%; @@ -408,7 +408,6 @@ nav { #expanddiv { right: 13px; background: $color-main-background; - box-shadow: 0 1px 10px $color-box-shadow; &:after { /* position of dropdown arrow */ right: 13px; @@ -483,7 +482,7 @@ nav { display: none; position: absolute; overflow: visible; - background-color: rgba($color-main-background, .97); + background-color: $color-main-background; white-space: nowrap; border: none; border-radius: $border-radius; @@ -496,7 +495,7 @@ nav { top: 45px; transform: translateX(-50%); padding: 4px 10px; - box-shadow: 0 1px 10px $color-box-shadow; + filter: drop-shadow(0 1px 10px $color-box-shadow); } li:hover span { |