mirror of
https://github.com/rendercv/rendercv.git
synced 2026-04-17 13:33:53 -04:00
Fix logo and title hover effect to only apply when not scrolled
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user