From d475aab312edbb49deacbe3e892ccaa44019e464 Mon Sep 17 00:00:00 2001 From: Sina Atalay <79940989+sinaatalay@users.noreply.github.com> Date: Sat, 21 Mar 2026 21:27:54 +0300 Subject: [PATCH] Fix logo and title hover effect to only apply when not scrolled --- docs/assets/stylesheets/rendercv.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/docs/assets/stylesheets/rendercv.css b/docs/assets/stylesheets/rendercv.css index 79fdc278..1a3dc35d 100644 --- a/docs/assets/stylesheets/rendercv.css +++ b/docs/assets/stylesheets/rendercv.css @@ -234,15 +234,19 @@ cursor: pointer; } -/* Hovering logo dims both (forward sibling) */ -.md-header__button.md-logo:hover, -.md-header__button.md-logo:hover ~ .md-header__title .md-header__topic:first-child { +/* Hovering logo dims both logo + title (only when not scrolled) */ +.md-header__button.md-logo:hover { + opacity: 0.7; +} +.md-header__button.md-logo:hover ~ .md-header__title:not(.md-header__title--active) .md-header__topic:first-child { opacity: 0.7; } -/* Hovering title dims both (backward via :has) */ -.md-header__inner:has(.md-header__title:hover) .md-header__button.md-logo, -.md-header__inner:has(.md-header__title:hover) .md-header__topic:first-child { +/* Hovering title dims both logo + title (only when not scrolled) */ +.md-header__inner:has(.md-header__title:not(.md-header__title--active):hover) .md-header__button.md-logo { + opacity: 0.7; +} +.md-header__inner:has(.md-header__title:not(.md-header__title--active):hover) .md-header__topic:first-child { opacity: 0.7; }