Fix item pane section button icons in light and dark themes.
Wire stroke context properties for Lucide SVG toolbar icons and set light/dark icon URLs on open-in-window and adaptive-height buttons. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -14,6 +14,34 @@
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Item pane section header buttons (open in window, adaptive height).
|
||||
* Lucide-style icons are stroke-based (context-stroke); Zotero only enables
|
||||
* fill context on .section-custom-button by default, so strokes stay invisible
|
||||
* in light and dark themes until stroke is wired to currentColor.
|
||||
*/
|
||||
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
|
||||
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
|
||||
-moz-context-properties: fill, fill-opacity, stroke, stroke-opacity;
|
||||
fill: currentColor;
|
||||
stroke: currentColor;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
|
||||
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
|
||||
list-style-image: var(--custom-button-icon-light);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
collapsible-section.chatpapers-adaptive-height > .head toolbarbutton.section-custom-button,
|
||||
collapsible-section.chatpapers-fixed-height > .head toolbarbutton.section-custom-button {
|
||||
list-style-image: var(--custom-button-icon-dark);
|
||||
}
|
||||
}
|
||||
|
||||
collapsible-section.chatpapers-adaptive-height[open] {
|
||||
--open-height: auto;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user