Fix for annoying overflow scroll issues caused by facebook and twitter share/follow widgets.

imathis · imathis · commit 930747f06ff6 · 2012-01-08T19:56:55.000-06:00
diff --git a/.themes/classic/sass/base/_layout.scss b/.themes/classic/sass/base/_layout.scss
@@ -89,7 +89,10 @@ body {
   }
 }
 
-#content { > div, > article { width: 100%; }}
+#content {
+  overflow: hidden;
+  > div, > article { width: 100%; }
+}
 
 aside.sidebar {
   float: none;
@@ -134,6 +137,7 @@ body.sidebar-footer {
   }
   #content {
     @extend .group;
+    overflow: visible;
     margin-right: $sidebar-width-medium;
     position: relative;
     .no-sidebar & { margin-right: 0; border-right: 0; }
diff --git a/.themes/classic/sass/partials/_sharing.scss b/.themes/classic/sass/partials/_sharing.scss
@@ -4,3 +4,5 @@
     background: $img-border top left repeat-x;
   }
 }
+
+#fb-root { display: none; }
diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss
@@ -2,6 +2,7 @@
   @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
 }
 aside.sidebar {
+  overflow: hidden;
   color: $sidebar-color;
   text-shadow: lighten($sidebar-bg, 8) 0 1px;
   a { @extend .force-wrap; }

Original file line number	Diff line number	Diff line change
`@@ -89,7 +89,10 @@ body {`
`89`	`89`	`}`
`90`	`90`	`}`
`91`	`91`
`92`		`-#content { > div, > article { width: 100%; }}`
	`92`	`+#content {`
	`93`	`+ overflow: hidden;`
	`94`	`+ > div, > article { width: 100%; }`
	`95`	`+}`
`93`	`96`
`94`	`97`	`aside.sidebar {`
`95`	`98`	`float: none;`
`@@ -134,6 +137,7 @@ body.sidebar-footer {`
`134`	`137`	`}`
`135`	`138`	`#content {`
`136`	`139`	`@extend .group;`
	`140`	`+ overflow: visible;`
`137`	`141`	`margin-right: $sidebar-width-medium;`
`138`	`142`	`position: relative;`
`139`	`143`	`.no-sidebar & { margin-right: 0; border-right: 0; }`
Original file line number	Diff line number	Diff line change
`@@ -4,3 +4,5 @@`
`4`	`4`	`background: $img-border top left repeat-x;`
`5`	`5`	`}`
`6`	`6`	`}`
	`7`	`+`
	`8`	`+#fb-root { display: none; }`
Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,7 @@`
`2`	`2`	`@include box-shadow(lighten($sidebar-bg, 5) 0 1px);`
`3`	`3`	`}`
`4`	`4`	`aside.sidebar {`
	`5`	`+ overflow: hidden;`
`5`	`6`	`color: $sidebar-color;`
`6`	`7`	`text-shadow: lighten($sidebar-bg, 8) 0 1px;`
`7`	`8`	`a { @extend .force-wrap; }`