From 5929703205f20edcf4b599bcf3e6a7d46c3ba777 Mon Sep 17 00:00:00 2001 From: YeahAkis_ Date: Tue, 16 Jan 2024 22:00:38 +0100 Subject: [PATCH] changes --- assets/style.css | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 deletions(-) diff --git a/assets/style.css b/assets/style.css index 941e1be..58540f6 100644 --- a/assets/style.css +++ b/assets/style.css @@ -134,6 +134,9 @@ header hr { .navsite_item:hover .navpage_list{ display: flex !important; } + + +/* Add this style for the initial state of the navpage_list */ .navpage_list { background-color: var(--third-bg); margin-top: 10px; @@ -141,18 +144,18 @@ header hr { flex-direction: column; overflow: hidden; /* Hide the content initially */ max-height: 0; /* Set the initial height to 0 */ - transition: max-height 0.3s ease; /* Add transition for smooth height 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 */ + 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 { 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{ padding-left: 20px; padding-right: 20px;