diff options
| author | Christopher Ng <chrng8@gmail.com> | 2022-10-19 02:07:12 +0000 |
|---|---|---|
| committer | Christopher Ng <chrng8@gmail.com> | 2022-10-19 19:12:56 +0000 |
| commit | 58abed20599d85eb71f70edef77a7b7aaec043bc (patch) | |
| tree | 6da880d6287ced11d0fc7511d90c7d48e9523e87 /core/src | |
| parent | be892d2e283a0a939434650a0c9933308a2cc6bb (diff) | |
| download | nextcloud-server-58abed20599d85eb71f70edef77a7b7aaec043bc.tar.gz nextcloud-server-58abed20599d85eb71f70edef77a7b7aaec043bc.zip | |
Invert header icons on bright preset backgrounds
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Diffstat (limited to 'core/src')
| -rw-r--r-- | core/src/components/AppMenu.vue | 3 | ||||
| -rw-r--r-- | core/src/views/UnifiedSearch.vue | 4 |
2 files changed, 5 insertions, 2 deletions
diff --git a/core/src/components/AppMenu.vue b/core/src/components/AppMenu.vue index 2ee91c30f40..b03ef0adf67 100644 --- a/core/src/components/AppMenu.vue +++ b/core/src/components/AppMenu.vue @@ -144,6 +144,7 @@ $header-icon-size: 20px; position: relative; display: flex; opacity: .7; + filter: var(--background-image-invert-if-bright); &.app-menu-entry__active { opacity: 1; @@ -183,7 +184,6 @@ $header-icon-size: 20px; width: $header-icon-size; height: $header-icon-size; padding: calc((100% - $header-icon-size) / 2); - filter: var(--primary-invert-if-bright); } .app-menu-entry--label { @@ -269,7 +269,6 @@ $header-icon-size: 20px; } img { - filter: var(--background-invert-if-bright); width: $header-icon-size; height: $header-icon-size; padding: calc((50px - $header-icon-size) / 2); diff --git a/core/src/views/UnifiedSearch.vue b/core/src/views/UnifiedSearch.vue index d13ba9114bc..7811d1e497f 100644 --- a/core/src/views/UnifiedSearch.vue +++ b/core/src/views/UnifiedSearch.vue @@ -718,6 +718,10 @@ $input-height: 34px; $input-padding: 6px; .unified-search { + &__trigger { + filter: var(--background-image-invert-if-bright); + } + &__input-wrapper { position: sticky; // above search results |