From f423c3488375fe9fdda226701f07fc1417b986a8 Mon Sep 17 00:00:00 2001 From: YeahAkis_ Date: Tue, 16 Jan 2024 22:02:45 +0100 Subject: [PATCH] more changes i guess? --- assets/style.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/assets/style.css b/assets/style.css index 115a8d3..f47bd32 100644 --- a/assets/style.css +++ b/assets/style.css @@ -144,17 +144,22 @@ header hr { flex-direction: column; overflow: hidden; /* Hide the content initially */ max-height: 0; /* Set the initial height to 0 */ - border: 0; /* Set initial border to 0 */ + border: 4px solid var(--primary-hover); /* Set initial border */ transition: max-height 0.3s ease, border 0.3s ease; /* Add transition for smooth height and border animation */ } /* 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); /* Adjust border style as needed */ - transition: max-height 0.3s ease, border 0.3s ease; /* Add transition for smooth height and border animation */ + border: 8px solid var(--primary-hover); /* Ensure border remains visible on 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: 4px solid var(--primary-hover); /* Maintain border for the delay */ + transition-delay: 0.3s; /* Delay the border fade-out transition */ +} li.navpage_item{