diff options
| author | Christopher Ng <chrng8@gmail.com> | 2022-10-19 02:07:12 +0000 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2022-10-20 06:47:29 +0000 |
| commit | 4fc531bd03d562f498c8b15995e08a4d48e03303 (patch) | |
| tree | 881d1599cb1e1ee696bc7b138b84d4fb3634503f /core/src | |
| parent | 5437573914f8a3353f4e4d9ad36fefb5a42c3da6 (diff) | |
| download | nextcloud-server-4fc531bd03d562f498c8b15995e08a4d48e03303.tar.gz nextcloud-server-4fc531bd03d562f498c8b15995e08a4d48e03303.zip | |
Invert header icons on bright preset backgrounds
Signed-off-by: Christopher Ng <chrng8@gmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.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 |