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; }