diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-21 17:34:19 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:05 +0200 |
| commit | 4272111ce7da4293bff7d11cf08e172651e7b3b1 (patch) | |
| tree | 1af1541a030467116c2252ef34e45b5c8bf5390e /src/components/sidebars/Sidebar.sass | |
| parent | 19f1e6db285d0bb8a96d2cea9c7f3a543692b81a (diff) | |
Make sidebars collapsible
Diffstat (limited to 'src/components/sidebars/Sidebar.sass')
| -rw-r--r-- | src/components/sidebars/Sidebar.sass | 31 |
1 files changed, 31 insertions, 0 deletions
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 |