make sticky aside available for small screens. we had to get rid of the transition effect for this to work reliably

This commit is contained in:
Mario Vavti
2016-12-19 12:46:36 +01:00
parent 9c5f2de4ec
commit 3ad3d3037f
3 changed files with 28 additions and 22 deletions

View File

@@ -22,6 +22,8 @@ body {
color: $font_colour;
margin: 0px;
height: 100%;
overflow-x: hidden;
}
aside {
@@ -30,6 +32,10 @@ aside {
max-width: $aside_widthpx;
}
aside#region_1 {
border-right: 1px solid transparent;
}
main {
margin-left: auto;
margin-right: auto;
@@ -1838,10 +1844,6 @@ nav .badge.mail-update:hover {
border-right: 1px solid $nav_bd;
}
main {
transition: all 0.25s ease-in-out;
}
main {
left: -$aside_widthpx;
width: calc( 100% + $aside_widthpx );