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:
parent
4d33f68734
commit
7aa9828cf4
1 changed files with 10 additions and 7 deletions
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue