A proper fix for #2237 (Tabsheet loading indicator).

svn changeset:6032/svn branch:trunk

diff --git a/WebContent/ITMILL/themes/default/styles.css b/WebContent/ITMILL/themes/default/styles.css
index 72fcedeaf179ce6abbab3d2fcd9700bec277988b..f9c0ae7f87b880442f98570a7f179c804dcb1f03 100644 (file)
--- a/WebContent/ITMILL/themes/default/styles.css
+++ b/WebContent/ITMILL/themes/default/styles.css
@@ -2010,6 +2010,7 @@ input.i-modified,
        margin: 0 -1px 0 9px;
        height: 18px;
        padding: 16px 16px 14px 7px;
+       overflow: visible;
 }
 
 .i-tabsheet-content {
@@ -2043,10 +2044,10 @@ input.i-modified,
 
 /* Progress indication */
 
-.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption .i-captiontext {
+.i-tabsheet-loading .i-tabsheet-tabitem-selected .i-captiontext {
        background: transparent url(common/img/ajax-loader.gif) no-repeat;
-       margin-left: -7px;
-       padding-left: 7px;
+       margin-left: -10px;
+       padding-left: 10px;
        margin-top: -12px;
        padding-top: 12px;
 }
@@ -2061,7 +2062,7 @@ input.i-modified,
        height: 46px;
 }
 
-* html .i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+* html .i-tabsheet-tabitem-selected {
        border: 1px solid #babfc0;
        border-bottom: none;
        background: #fff;
@@ -2071,7 +2072,7 @@ input.i-modified,
        cursor: default;
        color: #ee5311;
 }
-*+html .i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+*+html .i-tabsheet-tabitem-selected {
        border: 1px solid #babfc0;
        border-bottom: none;
        background: #fff;
@@ -2082,12 +2083,12 @@ input.i-modified,
        color: #ee5311;
 }
 
-* html .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+* html .i-tabsheet-tabitem-selected .i-caption {
        background: transparent;
        padding: 0;
        margin: 0;
 }
-*+html .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+*+html .i-tabsheet-tabitem-selected .i-caption {
        background: transparent;
        padding: 0;
        margin: 0;

diff --git a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
index a3df79231ee5e4a94a2a8e42aa91461632e0fcad..0a5625421854dbadbe95224b4c06d1aef3c48236 100644 (file)
--- a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
+++ b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
@@ -131,6 +131,7 @@
        margin: 0 -1px 0 9px;
        height: 18px;
        padding: 16px 16px 14px 7px;
+       overflow: visible;
 }
 
 .i-tabsheet-content {
@@ -164,10 +165,10 @@
 
 /* Progress indication */
 
-.i-tabsheet-loading .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption .i-captiontext {
+.i-tabsheet-loading .i-tabsheet-tabitem-selected .i-captiontext {
        background: transparent url(../common/img/ajax-loader.gif) no-repeat;
-       margin-left: -7px;
-       padding-left: 7px;
+       margin-left: -10px;
+       padding-left: 10px;
        margin-top: -12px;
        padding-top: 12px;
 }
@@ -182,7 +183,7 @@
        height: 46px;
 }
 
-* html .i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+* html .i-tabsheet-tabitem-selected {
        border: 1px solid #babfc0;
        border-bottom: none;
        background: #fff;
@@ -192,7 +193,7 @@
        cursor: default;
        color: #ee5311;
 }
-*+html .i-tabsheet-tabs .i-tabsheet-tabitem-selected {
+*+html .i-tabsheet-tabitem-selected {
        border: 1px solid #babfc0;
        border-bottom: none;
        background: #fff;
@@ -203,12 +204,12 @@
        color: #ee5311;
 }
 
-* html .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+* html .i-tabsheet-tabitem-selected .i-caption {
        background: transparent;
        padding: 0;
        margin: 0;
 }
-*+html .i-tabsheet-tabs .i-tabsheet-tabitem-selected .i-caption {
+*+html .i-tabsheet-tabitem-selected .i-caption {
        background: transparent;
        padding: 0;
        margin: 0;