dropdown overflow

2026-05-13 17:26:35 +03:00
parent 81371c41a7
commit d961d910d8
1 changed files with 40 additions and 43 deletions
@@ -1,51 +1,48 @@
 .autocomplete {
-  position: relative;
-  z-index: 1000;
-  overflow: visible;
-  .autocomplete-option {
-    cursor: pointer;
-    font-size: 14px;
-    padding: 3px 10px;
-    &:hover {
-      background: var(--p40);
-      border-radius: 12px;
+    z-index: 1000;
+    overflow: visible;
+    .autocomplete-option {
+        cursor: pointer;
+        font-size: 14px;
+        padding: 3px 10px;
+        &:hover {
+            background: var(--p40);
+            border-radius: 12px;
+        }
    }
-  }
-  &:focus-within {
-    .autocomplete-results{
-      display: flex;
+    &:focus-within {
+        .autocomplete-results {
+            display: flex;
+        }
    }
-  }
-
-
 }
 .autocomplete-selected-value {
-  font-size: 13px;
-  margin-top: 10px;
-  border-radius: 12px;
-  background: var(--p30);
-  padding: 3px 10px;
-  display: inline-flex;
-  justify-content: center;
-  gap: 4px;
-  line-height: 22px;
-  &:hover {
-    background: var(--p40);
-  }
+    font-size: 13px;
+    margin-top: 10px;
+    border-radius: 12px;
+    background: var(--p30);
+    padding: 3px 10px;
+    display: inline-flex;
+    justify-content: center;
+    gap: 4px;
+    line-height: 22px;
+    &:hover {
+        background: var(--p40);
+    }
 }

 .autocomplete-results {
-  display: none;
-  flex-direction: column;
-  padding: 10px;
-  overflow: visible;
-  position: absolute;
-  border-radius: 12px;
-  z-index: 20;
-  background: var(--p30);
-  //border: 1px solid var(--p40);
-  transition: 600ms;
-  flex-grow: 1;
-  top: 45px;
-  width: 100%;
-}
+    display: none;
+    flex-direction: column;
+    padding: 10px;
+    overflow: visible;
+    position: absolute;
+    border-radius: 12px;
+    z-index: 20;
+    background: var(--p30);
+    //border: 1px solid var(--p40);
+    transition: 600ms;
+    flex-grow: 1;
+    top: 45px;
+    width: 100%;
+}