forked from Adleraci/adlerka.top
commenty preč
This commit is contained in:
parent
83d8553e39
commit
b785babb3f
@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user