moodle_local_treestudyplan/scss/psidebar.scss

47 lines
1.1 KiB
SCSS
Raw Normal View History

2024-04-21 23:08:03 +02:00
#p-sidebar-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
overflow: hidden;
#p-sidebar-contentwrapper {
flex: 1 1 auto;
transition: all 0.3s ease-in-out;
2024-05-31 22:32:43 +02:00
overflow-y: auto;
2024-04-21 23:08:03 +02:00
}
.p-sidebar {
position: relative;
top: 0;
min-width: 320px;
width: auto;
max-width: 430px;
height: 100vh;
max-height: 100%;
margin: 0;
outline: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
background-color: var(--light);
display: block;
transition: all 0.3s ease-in-out;
z-index: 100;
--p-sidebar-hideoffset: -320px;
2024-05-31 22:32:43 +02:00
//overflow-y: auto;
2024-04-21 23:08:03 +02:00
&.p-sidebar-shadow {
2024-06-03 23:24:16 +02:00
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15);
2024-04-21 23:08:03 +02:00
}
&.shown {
display: block;
}
&:not(.p-sidebar-right).hidden {
margin-left: var(--p-sidebar-hideoffset);
}
&.p-sidebar-right.hidden {
margin-right: var(--p-sidebar-hideoffset);
}
}
}