From a18e736cc4c8777c6092ddbc40ae7c83f9dc27b2 Mon Sep 17 00:00:00 2001 From: Hrishikesh Vaipurkar Date: Wed, 16 Jul 2025 09:22:10 +0000 Subject: [PATCH] Merged in fix/SW-3095-state-ui-booking-widget (pull request #2559) Fix/SW-3095 state ui booking widget * fix(SW-3095): remove active color on mobile for guest picker * fix: SW-3095 Fixed hover state visible after click outside Approved-by: Erik Tiekstra --- .../Forms/BookingWidget/FormContent/formContent.module.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css index 4e2195a18..e96f034bd 100644 --- a/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css +++ b/apps/scandic-web/components/Forms/BookingWidget/FormContent/formContent.module.css @@ -30,7 +30,7 @@ color: var(--Text-Accent-Primary); } .when:has([data-isopen="true"]) .label, -.rooms:has([data-focused="true"], [data-pressed="true"]) .label { +.rooms:has([data-pressed="true"]) .label { color: var(--Text-Interactive-Focus); } @@ -114,9 +114,10 @@ background-color: var(--Surface-Primary-Hover); } .when:has([data-isopen="true"]), - .rooms:has([data-focused="true"], [data-pressed="true"]) { + .rooms:has([data-focus-visible="true"], [data-pressed="true"]) { background-color: var(--Surface-Primary-Hover); border: 1px solid var(--Border-Interactive-Focus); + color: var(--Text-Interactive-Focus); } .where {