From 590b93335a07a4609a9e7ebc886a27a239cc29b5 Mon Sep 17 00:00:00 2001
From: Simon Rozsival <simon@rozsival.com>
Date: Fri, 27 Oct 2017 21:49:17 +0200
Subject: [PATCH] :triangular_ruler: Fix sidebar scrolling

---
 src/components/layout/Sidebar/Sidebar.js   | 5 ++++-
 src/components/layout/Sidebar/sidebar.less | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/layout/Sidebar/sidebar.less

diff --git a/src/components/layout/Sidebar/Sidebar.js b/src/components/layout/Sidebar/Sidebar.js
index b856d2ec2..c84e57932 100644
--- a/src/components/layout/Sidebar/Sidebar.js
+++ b/src/components/layout/Sidebar/Sidebar.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
+import classNames from 'classnames';
 
 // import Admin from '../Admin';
 import Public from './Public';
@@ -10,6 +11,8 @@ import Student from './Student';
 import Supervisor from './Supervisor';
 import BadgeContainer from '../../../containers/BadgeContainer';
 
+import styles from './sidebar.less';
+
 const Sidebar = ({
   isLoggedIn = false,
   studentOf,
@@ -19,7 +22,7 @@ const Sidebar = ({
   small = false,
   ...props
 }) => (
-  <aside className="main-sidebar">
+  <aside className={classNames(['main-sidebar', styles.mainSidebar])}>
     <section className="sidebar">
       {isLoggedIn && <BadgeContainer small={small} />}
       {isLoggedIn && <LoggedIn {...props} />}
diff --git a/src/components/layout/Sidebar/sidebar.less b/src/components/layout/Sidebar/sidebar.less
new file mode 100644
index 000000000..f883c19f3
--- /dev/null
+++ b/src/components/layout/Sidebar/sidebar.less
@@ -0,0 +1,4 @@
+.mainSidebar {
+  height: 100%;
+  overflow-y: scroll;
+}