mestotom/stylehub
1
0
Fork 0
forked from Adleraci/adlerka.top
Code Pull Requests Activity

commenty preč

Browse Source
This commit is contained in:
Richard Mikloš 2024-01-17 10:49:52 +01:00
parent 83d8553e39
commit b785babb3f
1 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/style.css
View File

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