feat(SW-350): split input styles in booking widget

This commit is contained in:
Pontus Dreij
2024-10-07 15:17:18 +02:00
parent 2650b3d5d7
commit f8127c4875
6 changed files with 5 additions and 29 deletions
@@ -24,30 +24,7 @@
color: var(--UI-Text-Active);
}
.input {
background-color: transparent;
border: none;
height: 24px;
outline: none;
position: relative;
width: 100%;
z-index: 2;
}
.input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
background-image: url("/_static/icons/close.svg");
height: 20px;
width: 20px;
}
.container:hover:has(.input:not(:active, :focus, :focus-within))
.input::-webkit-search-cancel-button {
display: none;
}
.input:disabled,
.input:disabled::placeholder {
color: var(--Base-Text-Disabled);
}