This commit is contained in:
KONE SOREL 2026-04-02 17:03:38 +00:00
parent 309e0603f3
commit c16a4f0887

View File

@ -310,29 +310,29 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
transition: all var(--transition-fast);
}
.sidebar-nav > .nav-item > .nav-link:hover,
.sidebar-nav > .nav-item > .nav-link.active {
.sidebar-nav > .nav-item > .nav-link:hover{
background: rgba(255,255,255,0.10);
color: white;
}
/* État Actif (Parent) */
.sidebar-nav > .nav-item > .nav-link.active,
.sidebar-nav > .nav-item > .nav-link[aria-expanded="true"] {
background: rgba(255, 255, 255, 0.08);
color: #FFFFFF;
}
.sidebar-nav > .nav-item > .nav-link i:first-child {
font-size: 1.1rem;
width: 22px;
text-align: center;
flex-shrink: 0;
opacity: 0.85;
font-size: 1.1rem;
width: 20px;
text-align: center;
opacity: 0.9;
}
.sidebar-nav > .nav-item > .nav-link span {
font-family: 'Syne', sans-serif;
font-size: 0.8rem;
letter-spacing: 0.01em;
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Syne', sans-serif;
font-weight: 600;
letter-spacing: 0.02em;
}
/* Active item : blanc brillant */
@ -355,43 +355,48 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
/* Sub-menu (Level 1) */
.sidebar-nav .nav-content {
list-style: none;
padding: 4px 0 4px 32px;
margin: 0;
background: rgba(0,0,0,0.18);
border-radius: var(--radius-sm);
margin-bottom: 2px;
list-style: none;
padding: 5px 0 5px 15px; /* Indentation réduite */
margin: 4px 0;
border-left: 1px solid rgba(255, 255, 255, 0.1); /* Ligne de guide verticale */
margin-left: 22px;
}
.sidebar-nav .nav-content li { margin-bottom: 1px; }
.sidebar-nav .nav-content li a {
display: block;
padding: 7px 10px;
border-radius: var(--radius-sm);
color: rgba(255,255,255,0.55);
font-size: 0.78rem;
text-decoration: none;
transition: all var(--transition-fast);
border-left: 2px solid transparent;
position: relative;
display: flex;
align-items: center;
padding: 8px 12px;
border-radius: var(--radius-sm);
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
text-decoration: none;
transition: all var(--transition-fast);
}
.sidebar-nav .nav-content li a:hover {
color: white;
background: rgba(255,255,255,0.07);
border-left-color: rgba(255,255,255,0.5);
padding-left: 14px;
color: #FFFFFF;
background: rgba(255, 255, 255, 0.05);
}
/* Sous-menu actif : fond blanc translucide + bordure blanche */
/* Sous-menu actif : Barre verticale discrète */
.sidebar-nav .nav-content li a.active-submenu {
color: #ffffff;
background: rgba(255,255,255,0.12);
border-left-color: #ffffff;
font-weight: 600;
padding-left: 10px;
width: 100% !important;
color: #FFFFFF;
background: rgba(255, 255, 255, 0.1);
font-weight: 600;
position: relative;
}
.sidebar-nav .nav-content li a.active-submenu::before {
content: '';
position: absolute;
left: -16px; /* S'aligne sur la bordure gauche du nav-content */
top: 20%;
height: 60%;
width: 3px;
background: #FFFFFF;
border-radius: 0 2px 2px 0;
}
.sidebar-nav .nav-content li a.active-submenu::after {