X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/3789b528d8dd8aad4558e38e22d775bcab1cbd36..6746dc89c47ed01b165cc1152533605f97eb8e8d:/resources/themes/stylesheets/ext4/default/util/_scroller.scss

diff --git a/resources/themes/stylesheets/ext4/default/util/_scroller.scss b/resources/themes/stylesheets/ext4/default/util/_scroller.scss
index bd74d3e8..4a99cb3a 100644
--- a/resources/themes/stylesheets/ext4/default/util/_scroller.scss
+++ b/resources/themes/stylesheets/ext4/default/util/_scroller.scss
@@ -1,24 +1,55 @@
 @mixin extjs-scroller {
     .#{$prefix}horizontal-scroller-present .#{$prefix}grid-body {
-        border-bottom: none;
+        border-bottom-width: 0px;
     }
         
     .#{$prefix}vertical-scroller-present .#{$prefix}grid-body {
-        border-right: none;
+        border-right-width: 0px;
+    }
+
+    .#{$prefix}scroller {
+        overflow: hidden;
     }
     
     .#{$prefix}scroller-vertical {
-        overflow-x: hidden;
-        overflow-y: scroll;
-        
         border: 1px solid $panel-border-color;
         border-top-color: $grid-header-background-color;
     }
     
     .#{$prefix}scroller-horizontal {
-        overflow-y: hidden;
-        overflow-x: scroll;
-        
         border: 1px solid $panel-border-color;
     }
+
+    .#{$prefix}vertical-scroller-present .#{$prefix}scroller-horizontal {
+        border-right-width: 0px;
+    }
+    
+    .#{$prefix}scroller-ct {
+        overflow: hidden;
+        position: absolute;
+        margin: 0;
+        padding: 0;
+        border: none;
+        left: 0px;
+        top: 0px;
+
+        /*
+        In IE9 (only), the border-box style causes the scroller-ct to be 0px in the
+        perpendicular dimension and breaks the scroll as well as offsets it by the left
+        offset that we use to try and keep some size on this element. This works on all
+        browsers (including IE9).
+        */
+        box-sizing: content-box !important;
+        -ms-box-sizing: content-box !important;
+        -moz-box-sizing: content-box !important;
+        -webkit-box-sizing: content-box !important;
+    }
+    
+    .#{$prefix}scroller-vertical .#{$prefix}scroller-ct {
+        overflow-y: scroll;
+    }
+    
+    .#{$prefix}scroller-horizontal .#{$prefix}scroller-ct {
+        overflow-x: scroll;
+    }
 }