Version manager; Touch event override; Mobile sidebar simplified

This commit is contained in:
James Barnsley
2016-12-20 07:56:42 +13:00
parent f1c6479f99
commit 41e4b076ee
14 changed files with 145 additions and 51 deletions

View File

@ -11,15 +11,6 @@
display: block;
position: relative;
&:hover {
.menu-item {
background: lighten($dark_grey, 5%);
}
.submenu {
display: block;
}
}
.menu-item {
cursor: pointer;
display: block;
@ -28,10 +19,6 @@
box-sizing: border-box;
}
&:not(:first-child) .menu-item {
border-top: 1px solid lighten($dark_grey, 8%);
}
.icon {
display: none;
}
@ -58,6 +45,24 @@
}
}
}
&.cancel {
float: right;
opacity: 0.5;
}
&:not(:first-child) .menu-item {
border-top: 1px solid lighten($dark_grey, 8%);
}
&:hover {
.menu-item {
background: lighten($dark_grey, 5%);
}
.submenu {
display: block;
}
}
}
&.touch{
@ -74,8 +79,8 @@
.menu-item {
display: inline-block;
text-align: center;
width: 60px;
height: 60px;
width: 56px;
height: 56px;
border: 0 !important;
vertical-align: top;

View File

@ -72,7 +72,6 @@
right: 0;
width: auto;
background: $dark_grey;
z-index: 99;
.controls {
position: absolute;

View File

@ -20,6 +20,14 @@
}
&.open {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 220px;
background: rgba(0,0,0,0.2);
color: #FFFFFF;
.open {
display: none;
}

View File

@ -4,9 +4,9 @@ aside{
top: 0;
left: 0;
bottom: 0;
z-index: 95;
z-index: 96;
background: #111111;
width: 200px;
width: 220px;
overflow: hidden;
box-shadow: inset -20px 0px 30px -20px rgba(0, 0, 0, 0.5);
@ -22,12 +22,22 @@ aside{
}
@include responsive( $bp_medium ){
width: 50vw;
left: -50vw;
width: 220px;
left: -220px;
position: fixed;
z-index: 98;
.sidebar-open & {
left: 0px;
}
.liner {
bottom: 0 !important;
}
.thumbnail {
display: none;
}
}
@include responsive( null, null, $bp_shallow ){