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

fix: Remove sidebar content hide-on-hover in 901-1280px range

Browse Source 
Sidebar content was being hidden at medium viewport widths (901-1280px)
and only visible on hover, causing poor UX. Content now remains visible.
This commit is contained in:
juanatsap
2025-11-30 13:00:53 +00:00
parent 31707bed07
commit 93ca00f26c
1 changed files with 2 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/05-responsive/_breakpoints.css
+2 -20
View File
@@ -107,27 +107,9 @@
}
/* ========================================
Sidebar Hide-on-Hover: ONLY for devices with hover support
Prevents hiding on iPad/tablets where hover doesn't work
Sidebar: Medium Screens (901px - 1280px)
Content always visible - removed hide-on-hover behavior
======================================== */
@media (min-width: 901px) and (max-width: 1280px) and (hover: hover) {
/* ========== Sidebar Content - Hide Text, Show on Hover ========== */
/* Only apply on devices that support hover (not touch devices) */
.sidebar-content {
max-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
transition: max-height 0.3s ease, opacity 0.3s ease;
}
/* Show sidebar content on hover */
.skill-category:hover .sidebar-content,
.cv-sidebar-section:hover .sidebar-content {
max-height: 1000px !important;
opacity: 1 !important;
margin-top: 10px !important;
}
}
/* ========================================
Responsive: Medium Screens (1024px - 1280px)