From 4272111ce7da4293bff7d11cf08e172651e7b3b1 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 21 Sep 2017 17:34:19 +0200
Subject: Make sidebars collapsible

---
 src/components/sidebars/Sidebar.sass | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

(limited to 'src/components/sidebars/Sidebar.sass')

diff --git a/src/components/sidebars/Sidebar.sass b/src/components/sidebars/Sidebar.sass
index c3796d59..b987ef07 100644
--- a/src/components/sidebars/Sidebar.sass
+++ b/src/components/sidebars/Sidebar.sass
@@ -1,4 +1,27 @@
 @import ../../style-globals/_variables.sass
+@import ../../style-globals/_mixins.sass
+
+.sidebar-collapse-button
+  position: absolute
+  left: 5px
+  top: 5px
+  padding: 5px 7px
+
+  background: white
+  border: solid 1px $gray-semi-light
+  z-index: 99
+
+  +clickable
+  +border-radius(5px)
+  +transition(background, 200ms)
+
+  &.sidebar-collapse-button-right
+    left: auto
+    right: 5px
+    top: 5px
+
+  &:hover
+    background: #eeeeee
 
 .sidebar
   position: absolute
@@ -11,9 +34,17 @@
 
   border-right: $gray-semi-dark 1px solid
 
+  .sidebar-collapse-button
+    left: auto
+    right: -25px
+
 .sidebar-right
   left: auto
   right: 0
 
   border-left: $gray-semi-dark 1px solid
   border-right: none
+
+  .sidebar-collapse-button-right
+    left: -25px
+    right: auto
-- 
cgit v1.2.3