From d961d910d84716a9fe7f77cabd7475f1c66ee00f Mon Sep 17 00:00:00 2001
From: lexx <alexlingris@gmail.com>
Date: Wed, 13 May 2026 17:26:35 +0300
Subject: [PATCH] dropdown overflow

---
 front/sass/_autocomplete.scss | 83 +++++++++++++++++------------------
 1 file changed, 40 insertions(+), 43 deletions(-)

diff --git a/front/sass/_autocomplete.scss b/front/sass/_autocomplete.scss
index 0b2cd74..6bc6301 100644
--- a/front/sass/_autocomplete.scss
+++ b/front/sass/_autocomplete.scss
@@ -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%;
-}
\ No newline at end of file
+    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%;
+}