add right border to side menu

This commit is contained in:
Frédéric Péters 2018-08-14 20:26:28 +02:00
parent 30c565bb49
commit 01abe8db3e
1 changed files with 5 additions and 4 deletions

View File

@ -804,7 +804,7 @@ body.enable-transitions {
body.sidepage-expanded #sidepage {
height: 100%;
overflow: initial;
width: $sidepage-width;
width: calc(#{$sidepage-width} + 3px);
}
#sidepage ul#sidepage-menu {
@ -853,7 +853,7 @@ body.sidepage-expanded #sidepage {
padding-right: 0;
position: absolute;
top: 50px;
left: 63px;
left: 60px;
background: $primary-color;
color: white;
height: 20px;
@ -867,7 +867,7 @@ body.sidepage-expanded #sidepage {
}
body.sidepage-expanded #sidepage span#applabel::before {
left: calc(28px + #{$sidepage-width});
left: calc(27px + #{$sidepage-width});
transform: rotate(180deg);
}
@ -885,6 +885,7 @@ body.sidepage-expanded #sidepage span#applabel {
min-height: 100%;
min-height: calc(100% - $header-height - 1px); /* #top 40px + border 1px */
box-sizing: border-box;
border-right: 5px solid $primary-color;
@include vendor-prefix('transition', 'all 0ms ease');
&::before {
content: "";
@ -921,7 +922,7 @@ body.sidepage-expanded #sidepage span#applabel {
}
ul#sidepage-menu li a {
background: transparent no-repeat 7px 50%;
background: transparent no-repeat 6px 50%;
padding: 5px 0 5px 37px;
}