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

changes

Browse Source
This commit is contained in:
Richard Mikloš 2024-01-16 22:00:38 +01:00
parent 4d98e2199d
commit 5929703205
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/style.css
View File

@ -134,6 +134,9 @@ header hr {
.navsite_item:hover .navpage_list{ .navsite_item:hover .navpage_list{
display: flex !important; display: flex !important;
} }
/* 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;
@ -141,18 +144,18 @@ 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 */
transition: max-height 0.3s ease; /* Add transition for smooth height animation */ border: 0; /* Set initial border to 0 */
} 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 */
.navsite_item:hover .navpage_list{
border: 8px solid var(--primary-hover); /* Adjust border style as needed */
} }
/* 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); /* Adjust border style as needed */
} }
li.navpage_item{ li.navpage_item{
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;