"Tab scrolling" now works in "all" browsers, fixes #1770

svn changeset:4944/svn branch:trunk

diff --git a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
index 9834616cfce28a77b0e2caee514e28e5d419cbc5..c9194476ffb2aa4082e89207486b0d519fdd3eee 100644 (file)
--- a/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
+++ b/WebContent/ITMILL/themes/default/tabsheet/tabsheet.css
@@ -22,23 +22,23 @@
 .i-tabsheet-scroller {
        white-space: nowrap;
        text-align: right;
-       height: 1px;
+       margin-top: -37px;
 }
 
 .i-tabsheet-scrollerPrev,
 .i-tabsheet-scrollerNext {
        border: none;
        width: 12px;
-       height: 37px;
-       margin-top: 11px;
+       height: 38px;
        opacity: 0.9999;
+       margin-top: -1px;
 }
 .i-tabsheet-scrollerPrev-disabled,
 .i-tabsheet-scrollerNext-disabled {
        border: none;
        width: 12px;
-       height: 37px;
-       margin-top: 11px;
+       height: 38px;
+       margin-top: -1px;
        opacity: 0.9999;
 }
 

diff --git a/src/com/itmill/toolkit/terminal/gwt/client/ui/ITabsheet.java b/src/com/itmill/toolkit/terminal/gwt/client/ui/ITabsheet.java
index ecf9edaf8d7e10ba88e44ec97d47d3391f08839b..fb4cbae4ad91045fbe7ea2e33aca85d32a1aeecc 100644 (file)
--- a/src/com/itmill/toolkit/terminal/gwt/client/ui/ITabsheet.java
+++ b/src/com/itmill/toolkit/terminal/gwt/client/ui/ITabsheet.java
@@ -96,7 +96,7 @@ public class ITabsheet extends ITabsheetBase implements
         tabs = DOM.createDiv();
         DOM.setElementProperty(tabs, "className", TABS_CLASSNAME);
         scroller = DOM.createDiv();
-        DOM.appendChild(tabs, scroller);
+
         DOM.setElementProperty(scroller, "className", SCROLLER_CLASSNAME);
         scrollerPrev = DOM.createButton();
         DOM.setElementProperty(scrollerPrev, "className", SCROLLER_CLASSNAME
@@ -131,6 +131,8 @@ public class ITabsheet extends ITabsheetBase implements
         add(tp, contentNode);
         DOM.appendChild(getElement(), deco);
 
+        DOM.appendChild(tabs, scroller);
+
         tb.addTabListener(tl);
 
         // TODO Use for Safari only. Fix annoying 1px first cell in TabBar.