jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Do not overlap the submenu with the main sidebar

Browse Source
This commit is contained in:
Johannes Zellner
2025-12-17 00:57:41 +01:00
parent 15ff5ede7e
commit 6fa95d9f4f
1 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/SideBarItem.vue
+15 -3
View File
@@ -66,7 +66,7 @@ const elem = useTemplateRef('elem');
function toggleMenu() {
if (props.collapsed && window.innerWidth >= 576) {
subMenuElement.value.style.left = elem.value.getBoundingClientRect().right - 5 + 'px';
subMenuElement.value.style.left = elem.value.getBoundingClientRect().right + 10 + 'px';
subMenuElement.value.style.top = elem.value.getBoundingClientRect().top + 'px';
isMenuOpen.value = true;
} else {
@@ -120,13 +120,24 @@ function onBackdrop(event) {
position: absolute;
z-index: 3002; /* backdrop is at 3001 -> see pankow */
background-color: #e9ecef;
border-radius: var(--pankow-border-radius);
border-top-right-radius: var(--pankow-border-radius);
border-bottom-right-radius: var(--pankow-border-radius);
}
.sidebar-item-menu-open {
background-color: #e9ecef;
}
.sidebar-item-menu .sidebar-item:first-child::before {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 20px;
height: 37px;
background-color: #e9ecef;
}
.sidebar-item {
display: block;
color: var(--pankow-text-color);
@@ -159,7 +170,8 @@ function onBackdrop(event) {
}
.sidebar-item-menu,
.sidebar-item-menu-open {
.sidebar-item-menu-open,
.sidebar-item-menu .sidebar-item:first-child::before {
background-color: var(--card-background);
}
}