feat: enhance zoom and print button UX
Print Button Improvements: - Hover shows white background with green icon (was green bg + white icon) - Applied to all print buttons: fixed, action bar, and menu - Default state remains dark gray with white icon Zoom Control Improvements: - Text now 100% white (was 70-95% opacity) for better readability - Increased font sizes: labels 0.95rem (was 0.8rem), current value 1.05rem (was 0.9rem) - Hover zoom toggle button highlights zoom control with blue glow shadow - Active zoom button uses semi-transparent blue rgba(52, 152, 219, 0.5) instead of solid Z-Index Fix: - Hamburger menu now appears above fixed buttons (z-index: 1000 vs 999)
This commit is contained in:
@@ -4,7 +4,11 @@
|
||||
id="zoom-toggle-button"
|
||||
class="fixed-btn zoom-toggle-btn no-print"
|
||||
aria-label="{{if eq .Lang "es"}}Alternar control de zoom{{else}}Toggle zoom control{{end}}"
|
||||
title="{{if eq .Lang "es"}}Control de zoom{{else}}Zoom control{{end}}">
|
||||
title="{{if eq .Lang "es"}}Control de zoom{{else}}Zoom control{{end}}"
|
||||
_="on mouseenter
|
||||
add .zoom-highlight to #zoom-control
|
||||
on mouseleave
|
||||
remove .zoom-highlight from #zoom-control">
|
||||
<iconify-icon icon="mdi:magnify" width="28" height="28"></iconify-icon>
|
||||
</button>
|
||||
{{end}}
|
||||
|
||||
Reference in New Issue
Block a user