Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 05:45:22 +02:00
Code Issues Releases Activity

feat(sidebar): update menu structure [EE-5666] (#10418)

Browse source
This commit is contained in:
Ali 2023-10-09 19:23:12 +01:00 • committed by GitHub
parent b468070945
commit a0dbabcc5f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 519 additions and 146 deletions
Download patch file Download diff file Expand all files Collapse all files

19
app/react/sidebar/Sidebar.module.css
View file

@ -16,7 +16,8 @@
:global(#page-wrapper) {
--sidebar-width: 300px;
--sidebar-closed-width: 75px;
/* 32px for collapsed items + 20px padding on each side */
--sidebar-closed-width: 72px;
}
:global(#page-wrapper.open) .root {
@ -45,3 +46,19 @@
margin: 0;
list-style: none;
}
/* make the scrollbar track background transparent */
.nav-list-container::-webkit-scrollbar {
@apply !w-4 !h-4 bg-transparent;
}
.nav-list-container::-webkit-scrollbar-thumb {
@apply !bg-gray-3/40 hover:!bg-gray-3/50 th-dark:!bg-gray-3/40 th-dark:hover:!bg-gray-3/50 !rounded-full;
/* adding this border gives some gap between the right edge of the box and the scrollbar thumb for webkit browsers,
while giving right no right gap from the scrollbar to the box edge for non-webkit browsers (firefox) */
@apply !border-4 !border-solid !border-transparent bg-clip-content;
}
.nav-list-container::-webkit-scrollbar-track {
@apply !bg-transparent;
}