mirror of
https://github.com/AustinKelsay/plebdevs.git
synced 2025-08-22 12:29:23 +00:00
85a0756218
- Add background blur effect to main content when search is active - Implement click-outside behavior to clear search and remove blur - Add smooth transition for blur effect - Add main-content class for proper DOM targeting - Improve search component interaction handling
40 lines
813 B
CSS
40 lines
813 B
CSS
/* .dropdown {
|
|
border: none !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.dropdown:focus,
|
|
.dropdown:active,
|
|
.dropdown:hover {
|
|
border: none !important;
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
} */
|
|
|
|
/* Override any potential global styles */
|
|
/* .dropdown * {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
} */
|
|
|
|
.dropdown {
|
|
background: rgba(0, 0, 0, 0.3) !important;
|
|
backdrop-filter: blur(8px) !important;
|
|
}
|
|
|
|
/* Add this to style the overlay panel */
|
|
.overlayPanel {
|
|
background: rgba(0, 0, 0, 0.75) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
.overlayPanelContent {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.blurredContent {
|
|
filter: blur(8px);
|
|
transition: filter 0.2s ease-in-out;
|
|
}
|