Scope search result styling to avoid breaking dash icons

The .overview-tile selector was too broad and affected dash app
icons. Scoped to .search-section-content to only style search results.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ediblerope 2026-04-13 22:41:38 +01:00
parent 4d33f68734
commit 7aa9828cf4

View file

@ -192,17 +192,20 @@ stage {
background-color: {{colors.surface_container_high.default.hex}} !important; background-color: {{colors.surface_container_high.default.hex}} !important;
} }
/* Selected/focused search result highlight */ /* Search result tiles (scoped to search section to avoid dash) */
.overview-tile:focus, .grid-search-result:focus { .search-section-content .overview-tile,
background-color: {{colors.surface_container_high.default.hex}} !important; .search-section-content .grid-search-result {
}
.overview-tile, .grid-search-result {
background-color: {{colors.surface_container.default.hex}} !important; background-color: {{colors.surface_container.default.hex}} !important;
color: {{colors.on_surface.default.hex}} !important; color: {{colors.on_surface.default.hex}} !important;
} }
.overview-tile:hover, .grid-search-result:hover { .search-section-content .overview-tile:hover,
.search-section-content .grid-search-result:hover {
background-color: {{colors.surface_container_high.default.hex}} !important;
}
.search-section-content .overview-tile:focus,
.search-section-content .grid-search-result:focus {
background-color: {{colors.surface_container_high.default.hex}} !important; background-color: {{colors.surface_container_high.default.hex}} !important;
} }