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

feat(SW-350): Created Input field for booking widget

Browse Source
This commit is contained in:
Pontus Dreij
2024-10-08 08:57:19 +02:00
parent af8d1b8d6e
commit 3160174701
5 changed files with 62 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Forms/BookingWidget/FormContent/Search/search.module.css
+7 -15
View File
@@ -7,32 +7,24 @@
}
.container:hover,
.container:has(
.searchInput:active,
.searchInput:focus,
.searchInput:focus-within
) {
.container:has(input:active, .input:focus, .input:focus-within) {
background-color: var(--Base-Surface-Primary-light-Hover-alt);
}
.container:has(
.searchInput:active,
.searchInput:focus,
.searchInput:focus-within
) {
.container:has(input:active, .input:focus, .input:focus-within) {
border-color: 1px solid var(--UI-Input-Controls-Border-Focus);
}
.label:has(
~ .inputContainer .searchInput:active,
~ .inputContainer .searchInput:focus,
~ .inputContainer .searchInput:focus-within
~ .inputContainer .input:active,
~ .inputContainer .input:focus,
~ .inputContainer .input:focus-within
)
p {
color: var(--UI-Text-Active);
}
.container:hover:has(.searchInput:not(:active, :focus, :focus-within))
.searchInput::-webkit-search-cancel-button {
.container:hover:has(.input:not(:active, :focus, :focus-within))
.input::-webkit-search-cancel-button {
display: none;
}