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

refactor: remove search button from FAB, reorganize 7-button layout

Browse Source 
Remove cmd-k-btn (search) from floating action buttons - search now only
lives in the action bar. Recalculated positions for 7-button (desktop)
and 6-button (mobile without shortcuts) layouts using fluid clamp() sizing.
This commit is contained in:
juanatsap
2025-12-02 18:55:04 +00:00
parent aeaa9f2d62
commit 0114b145ba
7 changed files with 467 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/01-foundation/_themes.css
+6 -6
View File
@@ -293,9 +293,9 @@
height: clamp(36px, calc(36px + (50 - 36) * ((100vw - 380px) / (900 - 380))), 50px) !important;
opacity: 1 !important; /* Full opacity on mobile (no transparency with blur bar) */
transform: none !important;
/* Position in 8-button layout: Search, Download, Print, Contact, Shortcuts, Theme, Info, Back-to-top */
/* Fluid positioning: scales from +42px at 380px to +62px at 900px */
left: calc(50% + clamp(42px, calc(42px + (62 - 42) * ((100vw - 380px) / (900 - 380))), 62px)) !important; /* Sixth button */
/* Position in 7-button layout: Download, Print, Contact, Shortcuts, Theme, Info, Back-to-top */
/* Fifth button: +33px at 900px, +22px at 380px */
left: calc(50% + clamp(22px, calc(22px + (33 - 22) * ((100vw - 380px) / (900 - 380))), 33px)) !important;
}
/* Scale theme switcher icon */
@@ -334,10 +334,10 @@
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}
/* REAL MOBILE DEVICES: 7 buttons without shortcuts */
/* Fifth position: +33px at 900px, +22px at 380px */
/* REAL MOBILE DEVICES: 6 buttons without shortcuts */
/* Fourth position: +4px at 900px, +2px at 380px */
.is-mobile-device .color-theme-switcher {
left: calc(50% + clamp(22px, calc(22px + (33 - 22) * ((100vw - 380px) / (900 - 380))), 33px)) !important;
left: calc(50% + clamp(2px, calc(2px + (4 - 2) * ((100vw - 380px) / (900 - 380))), 4px)) !important;
}
}