lucent/lucent-laravel
2
0
Fork 0
Code Issues 14 Pull Requests Releases 1 Activity

dropdown overflow

Browse Source
This commit is contained in:
Alex Lingris
2026-05-13 17:26:35 +03:00
parent 81371c41a7
commit d961d910d8
1 changed files with 40 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/sass/_autocomplete.scss
+40 -43
View File
@@ -1,51 +1,48 @@
.autocomplete { .autocomplete {
position: relative; z-index: 1000;
z-index: 1000; overflow: visible;
overflow: visible; .autocomplete-option {
.autocomplete-option { cursor: pointer;
cursor: pointer; font-size: 14px;
font-size: 14px; padding: 3px 10px;
padding: 3px 10px; &:hover {
&:hover { background: var(--p40);
background: var(--p40); border-radius: 12px;
border-radius: 12px; }
} }
} &:focus-within {
&:focus-within { .autocomplete-results {
.autocomplete-results{ display: flex;
display: flex; }
} }
}
} }
.autocomplete-selected-value { .autocomplete-selected-value {
font-size: 13px; font-size: 13px;
margin-top: 10px; margin-top: 10px;
border-radius: 12px; border-radius: 12px;
background: var(--p30); background: var(--p30);
padding: 3px 10px; padding: 3px 10px;
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
gap: 4px; gap: 4px;
line-height: 22px; line-height: 22px;
&:hover { &:hover {
background: var(--p40); background: var(--p40);
} }
} }
.autocomplete-results { .autocomplete-results {
display: none; display: none;
flex-direction: column; flex-direction: column;
padding: 10px; padding: 10px;
overflow: visible; overflow: visible;
position: absolute; position: absolute;
border-radius: 12px; border-radius: 12px;
z-index: 20; z-index: 20;
background: var(--p30); background: var(--p30);
//border: 1px solid var(--p40); //border: 1px solid var(--p40);
transition: 600ms; transition: 600ms;
flex-grow: 1; flex-grow: 1;
top: 45px; top: 45px;
width: 100%; width: 100%;
} }