From 0fd18d7efd0159dca2f40a726612cffefbbe1ba0 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Thu, 28 Jul 2016 17:01:20 +0530
Subject: [PATCH] [fix] blog post horizontal scroll fixed

---
 frappe/public/css/common.css    | 3 ---
 frappe/public/css/desk.css      | 3 ---
 frappe/public/css/website.css   | 7 ++-----
 frappe/public/less/common.less  | 2 +-
 frappe/public/less/website.less | 4 ++--
 5 files changed, 5 insertions(+), 14 deletions(-)

diff --git a/frappe/public/css/common.css b/frappe/public/css/common.css
index e7f0347b0e..d7221b50c1 100644
--- a/frappe/public/css/common.css
+++ b/frappe/public/css/common.css
@@ -1,6 +1,3 @@
-html {
-  overflow-x: hidden;
-}
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
diff --git a/frappe/public/css/desk.css b/frappe/public/css/desk.css
index 3d3c523fe2..8d946d6d02 100644
--- a/frappe/public/css/desk.css
+++ b/frappe/public/css/desk.css
@@ -1,6 +1,3 @@
-html {
-  overflow-x: hidden;
-}
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
diff --git a/frappe/public/css/website.css b/frappe/public/css/website.css
index 6db6abdae1..be733bb491 100644
--- a/frappe/public/css/website.css
+++ b/frappe/public/css/website.css
@@ -1,6 +1,3 @@
-html {
-  overflow-x: hidden;
-}
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 }
@@ -697,8 +694,8 @@ fieldset {
   background-color: #fafbfc;
   position: absolute;
   height: 100%;
-  width: 4000px;
-  left: -2000px;
+  width: 100vw;
+  left: calc((100vw - 100%)/ -2);
   z-index: -1;
 }
 .blog-comment-row {
diff --git a/frappe/public/less/common.less b/frappe/public/less/common.less
index a0b9fcc17e..a9d6cdbd5a 100644
--- a/frappe/public/less/common.less
+++ b/frappe/public/less/common.less
@@ -8,7 +8,7 @@
 // }
 
 html {
-	overflow-x: hidden;
+	// overflow-x: hidden;
 }
 
 body {
diff --git a/frappe/public/less/website.less b/frappe/public/less/website.less
index ddb4b1d04e..1175be249b 100644
--- a/frappe/public/less/website.less
+++ b/frappe/public/less/website.less
@@ -405,8 +405,8 @@ fieldset {
     background-color: @light-bg;
     position: absolute;
     height: 100%;
-    width: 4000px;
-    left: -2000px;
+    width: 100vw;
+    left: ~"calc((100vw - 100%)/ -2)";
     z-index: -1;
 }