From b785babb3f0884c33e20c1128b7603cae4bcb3d5 Mon Sep 17 00:00:00 2001 From: AkisYTB3 Date: Wed, 17 Jan 2024 10:49:52 +0100 Subject: [PATCH] =?UTF-8?q?commenty=20pre=C4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/style.css | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/assets/style.css b/assets/style.css index 6f81188..48a228f 100644 --- a/assets/style.css +++ b/assets/style.css @@ -146,29 +146,26 @@ header hr { } -/* Add this style for the initial state of the navpage_list */ .navpage_list { background-color: var(--third-bg); margin-top: 10px; display: flex; flex-direction: column; - overflow: hidden; /* Hide the content initially */ - max-height: 0; /* Set the initial height to 0 */ - border: 0 solid transparent; /* Set initial border */ - transition: max-height 0.1s ease, border 0.1s ease; /* Add transition for smooth height and border animation */ + overflow: hidden; + max-height: 0; + border: 0 solid transparent; + transition: max-height 0.1s ease, border 0.1s ease; } -/* Modify this style for the hover state of the navsite_item */ .navsite_item:hover .navpage_list { - max-height: 200px; /* Adjust the value based on your content height */ - border: 4px solid var(--primary-hover); /* Ensure border remains visible on hover */ + max-height: 200px; + border: 4px solid var(--primary-hover); } -/* Add this style for the transition when not hovering */ .navsite_item:not(:hover) .navpage_list { - max-height: 0; /* Set height to 0 when not hovering */ - border: 0 solid transparent; /* Maintain border for the delay */ - transition-delay: 0.1s; /* Delay the border fade-out transition */ + max-height: 0; + border: 0 solid transparent; + transition-delay: 0.1s; }