diff options
Diffstat (limited to 'core/css/apps.scss')
| -rw-r--r-- | core/css/apps.scss | 21 |
1 files changed, 15 insertions, 6 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 8d753eb8d23..a9b20cfec2b 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -721,20 +721,16 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width; #app-settings-header .settings-button { - display: block; + display: flex; + align-items: center; height: 44px; width: 100%; padding: 0; margin: 0; - background-color: var(--color-main-background); - @include icon-color('settings-dark', 'actions', $color-black, 1, true); - background-position: 14px center; - background-repeat: no-repeat; box-shadow: none; border: 0; border-radius: 0; text-align: left; - padding-left: 44px; font-weight: normal; font-size: 100%; opacity: 0.8; @@ -750,6 +746,19 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width; &:focus { background-color: var(--color-background-hover); } + + &::before { + background-image: var(--icon-settings-dark); + background-position: 14px center; + background-repeat: no-repeat; + content: ''; + width: 44px; + height: 44px; + top: 0; + left: 0; + display: block; + filter: var(--background-invert-if-dark); + } } /* GENERAL SECTION ------------------------------------------------------------ */ |