scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/SW-3095-states-booking-widget (pull request #2534)

Browse Source 
fix(SW-3095): update design for hover, focus etc for the booking widget

* fix(SW-3095): update design for hover, focus etc for the booking widget


Approved-by: Anton Gunnarsson
Approved-by: Hrishikesh Vaipurkar
This commit is contained in:
Bianca Widstam
2025-07-08 09:22:52 +00:00
parent 8ae251635d
commit cfeb505e36
8 changed files with 36 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
apps/scandic-web/components/Forms/BookingWidget/FormContent/BookingCode/booking-code.module.css
View File

@@ -16,7 +16,7 @@
align-items: center;
gap: var(--Spacing-x-half);
position: relative;
color: var(--Text-Accent-Primary);
color: var(--Text-Secondary);
}
.errorContainer {
@@ -107,13 +107,17 @@
}
@media screen and (min-width: 1367px) {
.container:hover,
.container:focus-within,
.container:has([data-focused="true"], [data-pressed="true"]) {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
.container:hover {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
}
.container:focus-within,
.container:has([data-focused="true"]),
.container:has([data-pressed="true"]) {
background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md);
border: 1px solid var(--Border-Interactive-Focus);
}
.bookingCodeRememberVisible {
padding: var(--Spacing-x2);
position: absolute;