fixed the search float

This commit is contained in:
admin 2025-07-20 10:25:46 -06:00
parent 54b9210a18
commit dd416f8bdf

View File

@ -45,7 +45,7 @@ body {
justify-content: space-between; justify-content: space-between;
padding: 0 20px; padding: 0 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
z-index: 1000; z-index: 10001; /* Increase from 1000 to be higher than map controls */
position: relative; position: relative;
} }
@ -873,6 +873,7 @@ body {
position: relative; position: relative;
flex: 0 1 400px; flex: 0 1 400px;
margin: 0 1rem; margin: 0 1rem;
/* Remove z-index here - let it inherit from header */
} }
.docs-search-wrapper { .docs-search-wrapper {
@ -913,8 +914,8 @@ body {
background: white; background: white;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
z-index: 9000; z-index: 10002; /* Just slightly higher than header */
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1018,8 +1019,10 @@ body {
display: block; display: block;
width: 100%; width: 100%;
margin: 10px 0; margin: 10px 0;
padding: 0 0px; /* Remove side padding for edge-to-edge */ padding: 0 0px;
/* Remove z-index */
} }
.docs-search-wrapper { .docs-search-wrapper {
width: 100%; width: 100%;
} }
@ -1030,17 +1033,18 @@ body {
} }
.docs-search-results { .docs-search-results {
position: fixed !important; position: fixed !important;
top: var(--header-height, 60px); /* Just below header */ top: var(--header-height, 60px);
left: 0 !important; left: 0 !important;
right: 0 !important; right: 0 !important;
width: 100vw !important; width: 100vw !important;
max-width: 100vw !important; max-width: 100vw !important;
min-width: 0 !important; min-width: 0 !important;
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
z-index: 9000; z-index: 10002; /* Same as desktop */
margin: 0; margin: 0;
box-shadow: 0 8px 24px rgba(0,0,0,0.18); box-shadow: 0 8px 24px rgba(0,0,0,0.25);
} }
.docs-search-results-list { .docs-search-results-list {
max-height: 50vh; max-height: 50vh;
overflow-y: auto; overflow-y: auto;