.i-tabsheet-scroller {
white-space: nowrap;
text-align: right;
- overflow: hidden;
height: 48px;
}
.i-tabsheet-hidetabs .i-tabsheet-scroller {
.i-tabsheet-scrollerNext {
border: none;
width: 12px;
- height: 27px;
+ height: 38px;
position: relative;
margin-top: -10px;
- top: -23px;
+ top: -29px;
}
.i-tabsheet-scrollerPrev-disabled,
.i-tabsheet-scrollerNext-disabled {
border: none;
width: 12px;
- height: 27px;
+ height: 38px;
position: relative;
margin-top: -10px;
- top: -23px;
+ top: -29px;
}
.i-tabsheet-scrollerNext,
.i-tabsheet-scrollerPrev,
.i-tabsheet-scrollerPrev-disabled {
background: transparent url(img/prev.png) no-repeat bottom left;
- margin-right: 1px;
+ margin-right: 0px;
}
.i-tabsheet-scrollerPrev:hover,
.i-tabsheet-scrollerNext:hover {
tb.setVisible(true);
removeStyleName(CLASSNAME + "-hidetabs");
}
+
+ // tabs; push or not
+ if (uidl.hasAttribute("width")) {
+ // update width later, in updateTabScroller();
+ DOM.setStyleAttribute(scroller, "width", "1px");
+ DOM.setStyleAttribute(scroller, "overflow", "hidden");
+ } else {
+ DOM.setStyleAttribute(scroller, "width", "");
+ DOM.setStyleAttribute(scroller, "overflow", "visible");
+ }
+
updateTabScroller();
waitingForResponse = false;
}
* Layouts the tab-scroller elements, and applies styles.
*/
private void updateTabScroller() {
- DOM.setStyleAttribute(scroller, "width", tp.getOffsetWidth() + "px");
+
+ DOM.setStyleAttribute(scroller, "width", getOffsetWidth() + "px");
if (scrollerIndex > tb.getTabCount()) {
scrollerIndex = 0;