Karimaldeen/Quiz_dashboard
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix side bar

Browse Source
This commit is contained in:
karimaldeen 2024-09-30 16:28:37 +03:00
parent 3ff4e0f846
commit ccbebf99a1
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/Styles/Layout/SideBar.scss
View File

@ -7,23 +7,19 @@
position: fixed !important; position: fixed !important;
width: var(--sideBarWidth); width: var(--sideBarWidth);
min-width: var(--sideBarMinWidth); min-width: var(--sideBarMinWidth);
height: 100vh; max-height: 100vh;
overflow-y: auto; min-height: 100vh;
overflow-x: hidden; // overflow-y: auto;
overflow: hidden;
background: var(--bgSideBar); background: var(--bgSideBar);
color: var(--textSideBar); color: var(--textSideBar);
position: absolute;
transition: all 0.6s ease; transition: all 0.6s ease;
padding: 0% 0% 2% 0%; padding: 0% 0% 2% 0%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 2; z-index: 2;
&::-webkit-scrollbar {
display: none;
}
.side_bar_header { .side_bar_header {
@ -72,10 +68,16 @@
padding-inline: 7%; padding-inline: 7%;
scroll-behavior: smooth; scroll-behavior: smooth;
scroll-padding: 10rem; scroll-padding: 10rem;
@include Scrollbar;
position: relative; position: relative;
padding-top: 20px; padding-top: 20px;
margin-block: 10px; margin-block: 10px;
overflow-y: auto;
&::-webkit-scrollbar {
display: none;
}
> p { > p {
font-size: 18px; font-size: 18px;
margin-bottom: 5px; margin-bottom: 5px;