txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Correct fixed button tooltip positioning and add mobile support

Browse Source 
- Remove tooltip-left class from zoom and shortcuts buttons (all left-side buttons show tooltips on RIGHT)
- Add mobile CSS rules for fixed-btn tooltips to appear on TOP (like macOS Dock)
- Update button template comments to reflect correct positioning
- Mobile: All fixed buttons now show tooltips above (top position)
- Desktop: All left-side fixed buttons show tooltips on right
This commit is contained in:
juanatsap
2025-11-20 18:31:31 +00:00
parent c23068508f
commit 2497dbaa3e
3 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/partials/widgets/shortcuts-button.html
+2 -2
View File
@@ -1,8 +1,8 @@
{{define "shortcuts-button"}}
<!-- Keyboard Shortcuts Button (Fixed Right) -->
<!-- Keyboard Shortcuts Button (Fixed Left) -->
<button
id="shortcuts-button"
class="fixed-btn shortcuts-btn no-print has-tooltip tooltip-left"
class="fixed-btn shortcuts-btn no-print has-tooltip"
onclick="document.getElementById('shortcuts-modal').showModal()"
aria-label="{{if eq .Lang "es"}}Atajos de teclado{{else}}Keyboard shortcuts{{end}}"
data-tooltip="{{if eq .Lang "es"}}Atajos de teclado (?){{else}}Keyboard shortcuts (?){{end}}">
templates/partials/widgets/zoom-toggle-button.html
+2 -2
View File
@@ -1,8 +1,8 @@
{{define "zoom-toggle-button"}}
<!-- Zoom Toggle Button (Fixed Right, above shortcuts button) -->
<!-- Zoom Toggle Button (Fixed Left, above shortcuts button) -->
<button
id="zoom-toggle-button"
class="fixed-btn zoom-toggle-btn no-print has-tooltip tooltip-left"
class="fixed-btn zoom-toggle-btn no-print has-tooltip"
aria-label="{{if eq .Lang "es"}}Alternar control de zoom{{else}}Toggle zoom control{{end}}"
data-tooltip="{{if eq .Lang "es"}}Control de zoom{{else}}Zoom control{{end}}"
_="on mouseenter call highlightZoomControl(true)