Fix more active entry icons

Signed-off-by: Joas Schilling <[email protected]>
nextcloud · Nov 29, 2023 · 45644e7 · 45644e7
1 parent 7501221
commit 45644e7
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 6 deletions.
diff --git a/apps/files/src/views/Navigation.vue b/apps/files/src/views/Navigation.vue
@@ -245,6 +245,10 @@ export default {
 	background-position: center;
 }
 
+.app-navigation::v-deep .app-navigation-entry.active .button-vue.icon-collapse:not(:hover) {
+	color: var(--color-primary-element-text);
+}
+
 .app-navigation > ul.app-navigation__list {
 	// Use flex gap value for more elegant spacing
 	padding-bottom: var(--default-grid-baseline, 4px);

diff --git a/core/src/views/UserMenu.vue b/core/src/views/UserMenu.vue
@@ -261,6 +261,14 @@ export default {
 					svg {
 						filter: var(--background-invert-if-dark);
 					}
+
+					&:active,
+					&.active {
+						img,
+						svg {
+							filter: var(--primary-invert-if-dark);
+						}
+					}
 				}
 
 				// Override global button styles

diff --git a/dist/core-main.js b/dist/core-main.js
diff --git a/dist/core-main.js.map b/dist/core-main.js.map
diff --git a/dist/files-main.js b/dist/files-main.js
diff --git a/dist/files-main.js.map b/dist/files-main.js.map