From a396d21c419c08c7776a0adc80e7782e4d681fde Mon Sep 17 00:00:00 2001 From: Vanessa Tran Date: Wed, 8 May 2024 12:46:48 -0600 Subject: [PATCH] fix(#1792): selected item in goa-app-header in mobile not highlighted --- libs/web-components/src/assets/css/components.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/libs/web-components/src/assets/css/components.css b/libs/web-components/src/assets/css/components.css index c97234fe2..cd674c465 100644 --- 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; -} \ No newline at end of file +}