fix(#1792): selected item in goa-app-header in mobile not highlighted

GovAlta · May 9, 2024 · 3631aa4 · 3631aa4
1 parent 7fd8033
commit 3631aa4
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/libs/web-components/src/assets/css/components.css b/libs/web-components/src/assets/css/components.css
@@ -74,6 +74,17 @@ goa-app-header a.interactive:hover {
   color: var(--goa-color-interactive-hover);
 }
 
+@media (--mobile) {
+  goa-app-header a.current {
+    color: var(--goa-color-text-light);
+    background-color: var(--goa-color-interactive-default);
+  }
+  goa-app-header a.current:hover {
+    color: var(--goa-color-text-light);
+    background-color: var(--goa-color-interactive-hover);
+  }
+}
+
 /* Table */
 
 goa-table table {
@@ -127,4 +138,4 @@ goa-table tfoot tr:first-child td {
 
 goa-table tfoot tr:last-child td {
   border-bottom: none;
-}
+}