From 95e0fd88fc281d8b4c5fa0f924a8bb014c682dda Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Mon, 14 Dec 2015 22:27:41 +0500
Subject: Fixing IE scrolling issue and also fixing horizontal scrollbar

---
 web/sass-files/sass/partials/_base.scss           | 4 +++-
 web/sass-files/sass/partials/_responsive.scss     | 2 --
 web/sass-files/sass/partials/_sidebar--right.scss | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'web/sass-files/sass')

diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
index bb3421451..4f9e1d5c7 100644
--- a/web/sass-files/sass/partials/_base.scss
+++ b/web/sass-files/sass/partials/_base.scss
@@ -8,7 +8,7 @@ body {
   font-family: 'Open Sans', sans-serif;
   -webkit-font-smoothing: antialiased;
   background: $body-bg;
-  position: absolute;
+  position: relative;
   width: 100%;
   height: 100%;
   &.white {
@@ -36,11 +36,13 @@ body {
 .container-fluid {
     @include legacy-pie-clearfix;
     height: 100%;
+    position: relative;
 }
 
 .channel-view {
     @include clearfix;
     height: 100%;
+    position: relative;
 }
 
 img {
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 66aaede8d..2aa130fa9 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -54,9 +54,7 @@
 @media screen and (max-width: 960px) {
 
     .sidebar--right {
-        width: 400px;
         z-index: 5;
-        right: 0;
         @include translateX(100%);
 
         &.move--left {
diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss
index f328f0971..0c0fd930f 100644
--- a/web/sass-files/sass/partials/_sidebar--right.scss
+++ b/web/sass-files/sass/partials/_sidebar--right.scss
@@ -8,10 +8,10 @@
     padding: 0;
     background: #fff;
     @include single-transition(transform, 0.5s, ease);
-    right: -320px;
+    @include translateX(400px);
 
     &.move--left {
-        right: 0;
+        @include translateX(0);
     }
 
     .post-body {
-- 
cgit v1.2.3-1-g7c22