Fixed sidebar to be non-focussable if empty
diff --git a/dev/scss/main/sidebar.scss b/dev/scss/main/sidebar.scss
index 5d9d4df..5fe57d0 100644
--- a/dev/scss/main/sidebar.scss
+++ b/dev/scss/main/sidebar.scss
@@ -4,8 +4,6 @@
$border-size: 2px;
aside {
- // box-shadow: 2px 2px 5px darken($dark-green, 15%);
- // box-shadow: $choose-box-shadow;
outline: none;
display: block;
background-color: $dark-green;
@@ -17,7 +15,6 @@
left: 0;
height: 100%;
padding-top: 80px;
- transition: all .3s ease-in-out;
> div {
overflow-y: auto;
overflow-x: visible;
@@ -133,20 +130,17 @@
}
}
+aside:focus {
+ transition: all .3s ease-in-out;
+}
-aside:not(:focus):not(.active) {
+aside.off, aside:not(:focus):not(.active) {
margin-left: -1 * ($logo-left-distance - ($standard-margin / 2));
-// box-shadow: none;
-/*
- overflow-y: hidden;
- overflow-x: visible;
-*/
&::after {
opacity: 1;
}
> * {
opacity: 0;
- // TODO
transition: {
property: opacity;
duration: .3s;
@@ -154,6 +148,10 @@
}
}
+aside.off::after {
+ display:none;
+}
+
/*
#sidebar {
text-shadow: none;