forked from Adleraci/adlerka.top
more changes i guess?
This commit is contained in:
parent
117e41f08e
commit
f423c34883
@ -144,17 +144,22 @@ 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: 0; /* Set initial border to 0 */
|
border: 4px 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: 4px solid var(--primary-hover); /* Adjust border style as needed */
|
border: 8px solid var(--primary-hover); /* Ensure border remains visible on hover */
|
||||||
transition: max-height 0.3s ease, border 0.3s ease; /* Add transition for smooth height and border animation */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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: 4px solid var(--primary-hover); /* Maintain border for the delay */
|
||||||
|
transition-delay: 0.3s; /* Delay the border fade-out transition */
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
li.navpage_item{
|
li.navpage_item{
|
||||||
|
Loading…
Reference in New Issue
Block a user