Adleraci/adlerka.top
4
1
Fork 4
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SADFHG

Browse Source
This commit is contained in:
Richard Mikloš 2024-01-16 22:03:12 +01:00
parent f423c34883
commit b5941e8686
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/style.css
View File

@ -144,20 +144,20 @@ header hr {
flex-direction: column; flex-direction: column;
overflow: hidden; /* Hide the content initially */ overflow: hidden; /* Hide the content initially */
max-height: 0; /* Set the initial height to 0 */ max-height: 0; /* Set the initial height to 0 */
border: 4px solid var(--primary-hover); /* Set initial border */ border: 0px 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 */ 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 */ /* 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: 8px solid var(--primary-hover); /* Ensure border remains visible on hover */ border: 4px solid var(--primary-hover); /* Ensure border remains visible on hover */
} }
/* Add this style for the transition when not hovering */ /* Add this style for the transition when not hovering */
.navsite_item:not(:hover) .navpage_list { .navsite_item:not(:hover) .navpage_list {
max-height: 0; /* Set height to 0 when not hovering */ max-height: 0; /* Set height to 0 when not hovering */
border: 4px solid var(--primary-hover); /* Maintain border for the delay */ border: 0px solid var(--primary-hover); /* Maintain border for the delay */
transition-delay: 0.3s; /* Delay the border fade-out transition */ transition-delay: 0.3s; /* Delay the border fade-out transition */
} }