4 lines
2.4 KiB
CSS
4 lines
2.4 KiB
CSS
/* Navigation admin partagee */
|
|
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-topbar{position:relative;z-index:1000}.admin-navigation{display:flex;align-items:center;gap:.35rem}.admin-navigation>a,.nav-dropdown-toggle{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;padding:.55rem .7rem;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.admin-navigation>a:hover,.admin-navigation>a.active,.nav-dropdown-toggle:hover{color:var(--primary);border-bottom-color:var(--primary)}.nav-dropdown{position:relative}.nav-dropdown-toggle span{font-size:.7rem;margin-left:.2rem}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + .35rem);left:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.35rem;z-index:1100}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;color:var(--text);text-decoration:none;padding:.55rem .65rem;border-radius:6px;font-size:.84rem;white-space:nowrap}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:var(--surface-alt);color:var(--primary)}.nav-toggle{display:none;background:transparent;color:var(--text);padding:.4rem}.nav-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:currentColor;margin:4px 0}.admin-navigation .nav-dropdown-toggle[aria-expanded="true"]{color:var(--primary)}
|
|
@media(max-width:800px){.admin-topbar{align-items:center}.nav-toggle{display:block;margin-left:auto}.admin-navigation{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:.2rem}.admin-navigation.is-open{display:flex}.admin-navigation>a,.nav-dropdown-toggle{text-align:left;width:100%;border-bottom:0;border-radius:6px;padding:.7rem .75rem}.admin-navigation>a:hover,.admin-navigation>a.active,.nav-dropdown-toggle:hover{background:var(--surface-alt)}.nav-dropdown-menu{position:static;box-shadow:none;border:0;border-left:2px solid var(--border);border-radius:0;margin:.1rem 0 .3rem .75rem;padding:0 0 0 .35rem;min-width:0}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{white-space:normal}.admin-topbar .user{order:2;margin-left:.5rem;font-size:.75rem}}
|