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

2024-10-07 15:38:05 +02:00
parent 836ab559f0
commit af8d1b8d6e
1 changed files with 22 additions and 0 deletions
--- a/components/Forms/BookingWidget/FormContent/Input/input.module.css
+++ b/components/Forms/BookingWidget/FormContent/Input/input.module.css
@@ -0,0 +1,22 @@
+.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;
+}
+
+.input:disabled,
+.input:disabled::placeholder {
+  color: var(--Base-Text-Disabled);
+}