Skip to content
Snippets Groups Projects
Commit 68760bf3 authored by Ron Lucke's avatar Ron Lucke Committed by David Siegfried
Browse files

Sidebar Abgrenzung

Closes #4877

Merge request studip/studip!3655
parent 3fcefab9
No related branches found
No related tags found
No related merge requests found
...@@ -52,6 +52,7 @@ body { ...@@ -52,6 +52,7 @@ body {
overflow-x: auto; overflow-x: auto;
padding: $page-margin; padding: $page-margin;
padding-bottom: calc($page-margin + 35px); padding-bottom: calc($page-margin + 35px);
padding-left: $page-margin * 2;
vertical-align: top; vertical-align: top;
.oversized & { .oversized & {
......
...@@ -316,6 +316,7 @@ $sidebarOut: -330px; ...@@ -316,6 +316,7 @@ $sidebarOut: -330px;
#sidebar { #sidebar {
background-color: var(--white); background-color: var(--white);
max-height: calc(100vh - 100px); max-height: calc(100vh - 100px);
margin-top: 60px;
left: 15px; left: 15px;
position: absolute; position: absolute;
top: 116px; top: 116px;
...@@ -487,7 +488,9 @@ $sidebarOut: -330px; ...@@ -487,7 +488,9 @@ $sidebarOut: -330px;
} }
#sidebar { #sidebar {
border-right: none;
height: calc(100% - 100px); height: calc(100% - 100px);
margin-top: 0;
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
transform: translateX($sidebarOut); transform: translateX($sidebarOut);
...@@ -496,7 +499,7 @@ $sidebarOut: -330px; ...@@ -496,7 +499,7 @@ $sidebarOut: -330px;
z-index: 100; z-index: 100;
&.responsive-show { &.responsive-show {
width: 100%; width: calc(100% - 15px);
.sidebar-widget { .sidebar-widget {
width: calc(100% - 30px); width: calc(100% - 30px);
...@@ -543,7 +546,7 @@ $sidebarOut: -330px; ...@@ -543,7 +546,7 @@ $sidebarOut: -330px;
grid-template-columns: ($sidebar-width + $sidebar-padding) calc(100vw - $sidebar-width - $sidebar-padding - 35px); grid-template-columns: ($sidebar-width + $sidebar-padding) calc(100vw - $sidebar-width - $sidebar-padding - 35px);
#content-wrapper { #content-wrapper {
max-width: 100%; max-width: calc(100% - $sidebar-padding);
} }
} }
......
...@@ -2,14 +2,15 @@ $icon-size: 20px; ...@@ -2,14 +2,15 @@ $icon-size: 20px;
#sidebar { #sidebar {
background: var(--white); background: var(--white);
border-left: 0; border-right: solid thin var(--color--sidebar-divider);
display: inline-block; display: inline-block;
height: max-content; height: max-content;
margin-bottom: $page-margin + 35px; margin-bottom: $page-margin + 35px;
padding: 0 5px 7px 15px; padding: 0 15px 7px 15px;
position: sticky; position: sticky;
text-align: left; text-align: left;
top: 50px; top: 50px;
height: calc(100% - 20px);
width: $sidebar-width; width: $sidebar-width;
z-index: 2; z-index: 2;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment