From 93ca00f26c6666a5f0ab6cab8be46e6eae3380b3 Mon Sep 17 00:00:00 2001 From: juanatsap Date: Sun, 30 Nov 2025 13:00:53 +0000 Subject: [PATCH] fix: Remove sidebar content hide-on-hover in 901-1280px range Sidebar content was being hidden at medium viewport widths (901-1280px) and only visible on hover, causing poor UX. Content now remains visible. --- static/css/05-responsive/_breakpoints.css | 22 ++-------------------- 1 file changed, 2 insertions(+), 20 deletions(-) diff --git a/static/css/05-responsive/_breakpoints.css b/static/css/05-responsive/_breakpoints.css index a30b35e..f412c23 100644 --- a/static/css/05-responsive/_breakpoints.css +++ b/static/css/05-responsive/_breakpoints.css @@ -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)