Upgrade to ExtJS 4.0.7 - Released 10/19/2011

[extjs.git] / resources / themes / stylesheets / ext4 / default / layout / _layout.scss

diff --git a/resources/themes/stylesheets/ext4/default/layout/_layout.scss b/resources/themes/stylesheets/ext4/default/layout/_layout.scss
index 6044403..7e5e211 100644 (file)
--- a/resources/themes/stylesheets/ext4/default/layout/_layout.scss
+++ b/resources/themes/stylesheets/ext4/default/layout/_layout.scss
@@ -74,6 +74,10 @@
         position: absolute;
     }
 
+    .#{$prefix}fit-item {
+        position: relative;
+    }
+
     .#{$prefix}border-layout-ct {
         background-color: $border-layout-ct-background;
     }
@@ -183,7 +187,8 @@
             position: relative;
             cursor: pointer;
             height: $tab-height;
-            background: theme-image($theme-name, 'tab-bar/scroll-left.gif') transparent no-repeat -18px 0;
+            background: transparent no-repeat -18px 0;
+            background-image: theme-background-image($theme-name, 'tab-bar/scroll-left.gif');
         }
         .#{$prefix}toolbar-scroll-left-hover {
             background-position: 0 0;
@@ -192,10 +197,12 @@
         .#{$prefix}tabbar-scroll-left-disabled {
             background-position: -18px 0;
             @include opacity(.5);
+            
+            cursor:default;
         }
 
         .#{$prefix}toolbar-scroll-left {
-            background-image: theme-image($theme-name, 'toolbar/scroll-left.gif');
+            background-image: theme-background-image($theme-name, 'toolbar/scroll-left.gif');
             background-position: -14px 0;
         }
         .#{$prefix}toolbar-scroll-left-hover {
@@ -228,7 +235,8 @@
             position: relative;
             cursor: pointer;
             height: $tab-height;
-            background: theme-image($theme-name, 'tab-bar/scroll-right.gif') transparent no-repeat 0 0;
+            background: transparent no-repeat 0 0;
+            background-image: theme-background-image($theme-name, 'tab-bar/scroll-right.gif');
         }
         .#{$prefix}toolbar-scroll-right-hover {
             background-position: -18px 0;
@@ -237,10 +245,12 @@
         .#{$prefix}tabbar-scroll-right-disabled {
             background-position: 0 0;
             @include opacity(.5);
+            
+            cursor:default;
         }
 
         .#{$prefix}toolbar-scroll-right {
-            background-image: theme-image($theme-name, 'toolbar/scroll-right.gif');
+            background-image: theme-background-image($theme-name, 'toolbar/scroll-right.gif');
         }
         .#{$prefix}toolbar-scroll-right-hover {
             background-position: -14px 0;
@@ -264,7 +274,8 @@
             font-size: 0;
         }
         .#{$prefix}menu-scroll-top {
-            background: theme-image($theme-name, 'layout/mini-top.gif') transparent no-repeat center center;
+            background: transparent no-repeat center center;
+            background-image: theme-background-image($theme-name, 'layout/mini-top.gif');
             height: 8px;
             cursor: pointer;
         }
@@ -275,7 +286,8 @@
             font-size: 0;
         }
         .#{$prefix}menu-scroll-bottom {
-            background: theme-image($theme-name, 'layout/mini-bottom.gif') transparent no-repeat center center;
+            background: transparent no-repeat center center;
+            background-image: theme-background-image($theme-name, 'layout/mini-bottom.gif');
             height: 8px;
             cursor: pointer;
         }