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

Merged in fix/BOOK-99-focus-indicator-booking-widget (pull request #3254)

Browse Source 
fix(BOOK-99): change border from 1px to 2px

* fix(BOOK-99): change border from 1px to 2px


Approved-by: Matilda Haneling
Approved-by: Erik Tiekstra
Approved-by: Matilda Landström
This commit is contained in:
Bianca Widstam
2025-12-01 07:10:00 +00:00
parent f443bae46e
commit 77ac3628c1
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/BookingCode/booking-code.module.css
View File

@@ -121,7 +121,7 @@
.container:has([data-pressed="true"]) { .container:has([data-pressed="true"]) {
background-color: var(--Surface-Primary-Hover); background-color: var(--Surface-Primary-Hover);
border-radius: var(--Corner-radius-md); border-radius: var(--Corner-radius-md);
border: 1px solid var(--Border-Interactive-Focus); border: 2px solid var(--Border-Interactive-Focus);
} }
.bookingCodeRememberVisible { .bookingCodeRememberVisible {
padding: var(--Space-x2); padding: var(--Space-x2);

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css
View File

@@ -21,7 +21,7 @@
} }
&:has(input:active, input:focus, input:focus-within) { &:has(input:active, input:focus, input:focus-within) {
border-color: 1px solid var(--Border-Interactive-Focus); border: 2px solid var(--Border-Interactive-Focus);
} }
} }

2
packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/formContent.module.css
View File

@@ -117,7 +117,7 @@
.when:has([data-datepicker-open="true"]), .when:has([data-datepicker-open="true"]),
.rooms:has([data-focus-visible="true"], [data-pressed="true"]) { .rooms:has([data-focus-visible="true"], [data-pressed="true"]) {
background-color: var(--Surface-Primary-Hover); background-color: var(--Surface-Primary-Hover);
border: 1px solid var(--Border-Interactive-Focus); border: 2px solid var(--Border-Interactive-Focus);
color: var(--Text-Interactive-Focus); color: var(--Text-Interactive-Focus);
} }

4
packages/design-system/lib/components/DeprecatedSelect/select.module.css
View File

@@ -11,7 +11,7 @@
} }
.select[data-focused='true'] { .select[data-focused='true'] {
border: 1px solid var(--Border-Interactive-Focus); border: 2px solid var(--Border-Interactive-Focus);
outline: none; outline: none;
} }
@@ -20,7 +20,7 @@
outline: none; outline: none;
} }
.select[data-focus-visible='true'].discreet { .select[data-focus-visible='true'].discreet {
border: 1px solid var(--Border-Interactive-Focus); border: 2px solid var(--Border-Interactive-Focus);
} }
.select.discreet { .select.discreet {