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
static/css/04-interactive/_tooltips.css
+14 -1
View File
@@ -110,7 +110,7 @@
MOBILE RESPONSIVE BEHAVIOR
============================================================================ */
/* Mobile: Switch action bar tooltips to TOP position (like macOS Dock) */
/* Mobile: Switch all tooltips to TOP position (like macOS Dock) */
@media (max-width: 900px) {
/* Action bar buttons get TOP tooltips on mobile */
.action-btn.has-tooltip::before {
@@ -125,6 +125,19 @@
transform: translateX(-50%) scale(1);
}
/* Fixed buttons (left side) get TOP tooltips on mobile - like macOS Dock */
.fixed-btn.has-tooltip::before {
bottom: calc(100% + 8px); /* 8px gap above button */
left: 50%;
top: auto;
right: auto;
transform: translateX(-50%) scale(0.8);
}
.fixed-btn.has-tooltip:hover::before {
transform: translateX(-50%) scale(1);
}
/* Back-to-top button keeps LEFT position on mobile */
.back-to-top.has-tooltip.tooltip-left::before {
right: calc(100% + 8px);