some achjangečd :)

This commit is contained in:
Richard Mikloš 2024-01-16 21:57:23 +01:00
parent fb3090dcb0
commit a3015a910a

@ -140,20 +140,25 @@ header hr {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden; /* Hide the content initially */
max-height: 0; max-height: 0; /* Set the initial height to 0 */
border: 0; transition: max-height 0.3s ease; /* Add transition for smooth height animation */
transition: max-height 0.3s ease;
} }
.navsite_item .navpage_list {
transition-delay: 0.3s; /* Delay the border fade-out transition */ /* Add this style for the wrapper element with the border */
.navpage_list_wrapper {
border: 0; /* Set initial border to 0 */
transition: border 0.3s ease; /* Add transition for smooth border animation */
}
/* Modify this style for the hover state of the navsite_item */
.navsite_item:hover .navpage_list_wrapper {
border: 8px solid var(--primary-hover); /* Adjust border style as needed */
} }
/* Modify this style for the hover state of the navsite_item */ /* Modify this style for the hover state of the navsite_item */
.navsite_item:hover .navpage_list { .navsite_item:hover .navpage_list {
max-height: 200px; /* Adjust the value based on your content height */ max-height: 200px; /* Adjust the value based on your content height */
border: 4px solid var(--primary-hover); /* Adjust border style as needed */
transition-delay: 0s; /* Reset delay on hover */
} }
li.navpage_item{ li.navpage_item{