fix: remove css :has in mobile sidebar to support all browsers

This commit is contained in:
Hossein Mehrabi
2023-06-07 19:34:24 +03:30
parent 038411e583
commit 2d5179c261
2 changed files with 14 additions and 10 deletions
@@ -941,18 +941,17 @@ a[class^='sidebarLogo_'] {
padding-bottom: 0px !important;
}
.navbar-sidebar:has(.navbar-sidebar__items--show-secondary)
.navbar-sidebar:not(.navbar-sidebar--show-secondary) {
.navbar-sidebar__brand {
button:first-of-type {
display: none;
button:first-of-type {
display: none;
}
button.lsd-icon-button {
margin-left: auto;
}
}
button.lsd-icon-button {
margin-left: auto;
}
}
.navbar-sidebar:not(:has(.navbar-sidebar__items--show-secondary)) {
.menu {
padding-inline: 0;
}
@@ -11,7 +11,12 @@ export default function NavbarMobileSidebarLayout({
const { shown: secondaryMenuShown } = useNavbarSecondaryMenu()
return (
<div className="navbar-sidebar">
<div
className={clsx(
'navbar-sidebar',
secondaryMenuShown && 'navbar-sidebar--show-secondary',
)}
>
{header}
<div
className={clsx('navbar-sidebar__items', {