fade out the non-highlighted tabs

gambitph · Nov 5, 2024 · 18962a0 · 18962a0
1 parent 0770bf6
commit 18962a0
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/welcome/admin.scss b/src/welcome/admin.scss
@@ -549,6 +549,11 @@ body.toplevel_page_stk-custom-fields {
 				font-weight: bold;
 			}
 		}
+		// Fade out the non-highlighted items.
+		.s-sidenav-item:has(~ .s-sidenav-item-highlight):not(.s-active):not(.s-sidenav-item-highlight),
+		.s-sidenav-item-highlight ~ .s-sidenav-item:not(.s-sidenav-item-highlight):not(.s-active) {
+			opacity: 0.3;
+		}
 		.s-save-changes-wrapper {
 			bottom: 0;
 			padding: 20px;