From 83205b8c0e317d63c9cef86ede6a84a69021f4e2 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Thu, 13 Apr 2017 16:17:57 +0300 Subject: Make sidepanel scroll independently from timeline, allows for seeing notifications and posting new statuses even when scrolled deep down. --- src/App.scss | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'src/App.scss') diff --git a/src/App.scss b/src/App.scss index 8a1942c6..6e584f3d 100644 --- a/src/App.scss +++ b/src/App.scss @@ -222,6 +222,12 @@ nav { flex-basis: 35%; } +.sidebar-flexer { + flex: 1; + flex-basis: 35%; + width: 365px; +} + .mobile-shown { display: none; } @@ -238,6 +244,28 @@ nav { } } +@media all and (min-width: 960px) { + .sidebar { + overflow: hidden; + max-height: 100vh; + max-width: 345px; + position: fixed; + margin-top: -10px; + + .sidebar-container { + height: 96vh; + padding-top: 10px; + margin-right: -40px; + padding-right: 25px; + overflow-x: hidden; + overflow-y: auto; + } + } + .sidebar-flexer { + max-height: 96vh; + } +} + @media all and (max-width: 959px) { .mobile-hidden { display: none; -- cgit v1.2.3-70-g09d2