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 { .navpage_list {
background-color: var(--third-bg); background-color: var(--third-bg);
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; /* Hide the content initially */ overflow: hidden;
max-height: 0; /* Set the initial height to 0 */ max-height: 0;
border: 0 solid transparent; /* Set initial border */ border: 0 solid transparent;
transition: max-height 0.1s ease, border 0.1s ease; /* Add transition for smooth height and border animation */ 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 { .navsite_item:hover .navpage_list {
max-height: 200px; /* Adjust the value based on your content height */ max-height: 200px;
border: 4px solid var(--primary-hover); /* Ensure border remains visible on hover */ border: 4px solid var(--primary-hover);
} }
/* 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;
border: 0 solid transparent; /* Maintain border for the delay */ border: 0 solid transparent;
transition-delay: 0.1s; /* Delay the border fade-out transition */ transition-delay: 0.1s;
} }