mirror of
https://github.com/dergigi/boris.git
synced 2025-12-29 12:34:35 +01:00
fix: apply user highlight color to both marker and arrow icons
- Apply color style directly to both icons in collapsed highlights button - Update CSS to use color-agnostic pulse animation (opacity/scale) - Remove hardcoded yellow color and drop-shadow from glow effect
This commit is contained in:
@@ -23,10 +23,13 @@ const HighlightsPanelCollapsed: React.FC<HighlightsPanelCollapsedProps> = ({
|
||||
className={`toggle-highlights-btn with-icon ${hasHighlights ? 'has-highlights' : ''}`}
|
||||
title="Expand highlights panel"
|
||||
aria-label="Expand highlights panel"
|
||||
style={{ color: highlightColor }}
|
||||
>
|
||||
<FontAwesomeIcon icon={faHighlighter} className={hasHighlights ? 'glow' : ''} />
|
||||
<FontAwesomeIcon icon={faChevronRight} />
|
||||
<FontAwesomeIcon
|
||||
icon={faHighlighter}
|
||||
className={hasHighlights ? 'glow' : ''}
|
||||
style={{ color: highlightColor }}
|
||||
/>
|
||||
<FontAwesomeIcon icon={faChevronRight} style={{ color: highlightColor }} />
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user