diff --git a/header.php b/header.php index 6f9e287..2d2dce6 100644 --- a/header.php +++ b/header.php @@ -102,17 +102,20 @@ + Vergleich + Wunschliste + Account @@ -175,3 +178,5 @@ + + diff --git a/style.css b/style.css index a6a920b..c0bc022 100755 --- a/style.css +++ b/style.css @@ -380,7 +380,7 @@ a:hover { box-shadow: 0 0 12px rgba(37, 99, 235, 0.12); } -/* ─── Nav Actions ─── */ +/* ”€”€”€ Nav Actions ”€”€”€ */ .nav__actions { display: flex; align-items: center; @@ -399,6 +399,29 @@ a:hover { align-items: center; justify-content: center; position: relative; + overflow: hidden; +} + +.nav__login { + border-radius: var(--radius-full); +} + +.nav__btn-text { + max-width: 0; + opacity: 0; + white-space: nowrap; + font-size: 0.85rem; + font-weight: 500; + transition: all 0.3s ease; + margin-left: 0; + display: inline-block; + overflow: hidden; +} + +.nav__login:hover .nav__btn-text { + max-width: 100px; + opacity: 1; + margin-left: 8px; } .nav__search:hover,