entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 3 Releases Activity

sidemenu expander

This commit is contained in:
Frédéric Péters 2018-03-08 16:39:06 +01:00
parent b7ecd3eaad
commit 302da15b9b
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
gadjo/static/css/gadjo.scss
View File

@ -788,6 +788,7 @@ body.enable-transitions {
#main div#header h1,
#sidepage ul#sidepage-menu,
#sidepage span#applabel,
#sidepage span#applabel::before,
#sidepage {
@include vendor-prefix('transition-duration', '400ms');
}
@ -823,7 +824,6 @@ body.sidepage-expanded #sidepage {
cursor: pointer;
display: block;
position: relative;
overflow: hidden;
@include vendor-prefix('transition', 'max-width 0ms ease-in');
height: $header-height;
line-height: $header-height;
@ -839,18 +839,32 @@ body.sidepage-expanded #sidepage {
}
#sidepage span#applabel::before {
text-indent: 2px;
font-family: FontAwesome;
content: "\f18e"; /* fa-arrow-circle-o-right */
padding-left: 2px;
padding-right: 12px;
content: "\f054"; // chevron-right
padding-left: 0;
padding-right: 0;
position: absolute;
top: 50px;
left: 63px;
background: $primary-color;
color: white;
height: 20px;
width: 20px;
font-size: 14px;
text-align: center;
line-height: 20px;
border-radius: 10px;
z-index: 100;
@include vendor-prefix('transition', 'all 0ms ease-in');
}
body.sidepage-expanded #sidepage span#applabel::before {
content: "\f190"; /* fa-arrow-circle-o-left */
left: calc(28px + #{$sidepage-width});
transform: rotate(180deg);
}
body.sidepage-expanded #sidepage span#applabel {
overflow: hidden;
}
#sidepage ul#sidepage-menu {