Upgrade to ExtJS 4.0.2 - Released 06/09/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..df79eec 100644 (file)
--- a/resources/themes/stylesheets/ext4/default/layout/_layout.scss
+++ b/resources/themes/stylesheets/ext4/default/layout/_layout.scss
@@ -183,7 +183,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;
+            @include theme-background-image($theme-name, 'tab-bar/scroll-left.gif');
         }
         .#{$prefix}toolbar-scroll-left-hover {
             background-position: 0 0;
@@ -192,10 +193,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');
+            @include theme-background-image($theme-name, 'toolbar/scroll-left.gif');
             background-position: -14px 0;
         }
         .#{$prefix}toolbar-scroll-left-hover {
@@ -228,7 +231,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;
+            @include theme-background-image($theme-name, 'tab-bar/scroll-right.gif');
         }
         .#{$prefix}toolbar-scroll-right-hover {
             background-position: -18px 0;
@@ -237,10 +241,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');
+            @include theme-background-image($theme-name, 'toolbar/scroll-right.gif');
         }
         .#{$prefix}toolbar-scroll-right-hover {
             background-position: -14px 0;
@@ -264,7 +270,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;
+            @include theme-background-image($theme-name, 'layout/mini-top.gif');
             height: 8px;
             cursor: pointer;
         }
@@ -275,7 +282,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;
+            @include theme-background-image($theme-name, 'layout/mini-bottom.gif');
             height: 8px;
             cursor: pointer;
         }