Files
cv-site/templates/partials/widgets/print-friendly-button.html
T
juanatsap bfb7b35c50 feat: add synchronized hover effect for PDF and print-friendly buttons
- PDF buttons (fixed, action bar, menu) now sync hover states across all instances
- Print-friendly buttons (fixed, action bar, menu) sync green hover states
- White PDF icon with red hover background (#cd6060)
- Green print button hover (#27ae60)
- Implemented using hyperscript with .pdf-hover-sync and .print-hover-sync classes
- Creates cool visual feedback showing all related buttons simultaneously
2025-11-16 13:19:56 +00:00

20 lines
772 B
HTML

{{define "print-friendly-button"}}
<!-- Print-Friendly Button (Fixed Left) -->
<button
id="print-friendly-button"
class="fixed-btn print-friendly-btn no-print"
aria-label="{{if eq .Lang "es"}}Imprimir CV{{else}}Print CV{{end}}"
title="{{if eq .Lang "es"}}Imprimir CV{{else}}Print CV{{end}}"
onclick="window.print()"
_="on mouseenter
add .print-hover-sync to me
add .print-hover-sync to .action-bar-print-btn
add .print-hover-sync to .menu-print-btn
on mouseleave
remove .print-hover-sync from me
remove .print-hover-sync from .action-bar-print-btn
remove .print-hover-sync from .menu-print-btn">
<iconify-icon icon="mdi:leaf" width="28" height="28"></iconify-icon>
</button>
{{end}}