// Calculate used height
super.setHeight("");
int usedHeight = DOM.getElementPropertyInt(deco, "offsetTop")
- + DOM.getElementPropertyInt(deco, "offsetHeight");
+ + DOM.getElementPropertyInt(deco, "offsetHeight")
+ - DOM.getElementPropertyInt(getElement(), "offsetTop");
// Calculate content area height (don't allow negative values)
int h = targetHeight - usedHeight;
/**
* This CSS classname is added to the input node on hover.
*/
- public static final String CLASSNAME_FOCUS = "i-textfield-focus";
+ public static final String CLASSNAME_FOCUS = "focus";
protected String id;
}
public void onFocus(Widget sender) {
- addStyleName(CLASSNAME_FOCUS);
+ addStyleDependentName(CLASSNAME_FOCUS);
}
public void onLostFocus(Widget sender) {
- removeStyleName(CLASSNAME_FOCUS);
+ removeStyleDependentName(CLASSNAME_FOCUS);
}
public void setColumns(int columns) {
.i-panel-content,
.i-panel-deco,
.i-panel-light,
-.i-panel-light-caption,
-.i-panel-light-content,
-.i-panel-light-deco {
+.i-panel-caption-light,
+.i-panel-content-light,
+.i-panel-deco-light {
outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
}
}
.i-panel-caption,
-.i-panel-light-caption {
+.i-panel-caption-light {
font-size: 18px;
line-height: 18px;
font-weight: normal;
background: #fff;
}
-.i-panel-light-caption {
- overflow: hidden;
-}
-
.i-panel-nocaption {
height: 9px;
border-bottom: 1px solid #dee2e3;
display: none;
}
+.i-panel-nocaption-light {
+ height: 1px;
+ background: #babfc0;
+ overflow: hidden;
+ border: none;
+}
+
.i-panel-content-light {
border: none;
background: transparent;
/* IE specific rules (different selectors for IE6 and IE7.
* These selectors must be separate because IE6 won't
- * apply them if they are grouped together.
+ * apply them if they are grouped together
+ * (it doesn't recognize the '+' selector).
*/
* html .i-panel-caption {
border: 1px solid #babfc0;
-.i-textfield {\r
- background: #fff url(img/bg.png) repeat-x;\r
- padding: 2px;\r
- border: 1px solid #b6b6b6;\r
- border-top-color: #9d9d9d;\r
- border-bottom-color: #d6d6d6;\r
- border-right-color: #d6d6d6;\r
- margin: 0;\r
- font-size: 13px;\r
- height: 18px;\r
-}\r
-\r
-.i-textfield-focus {\r
- border-color: #5daee8;\r
-}\r
-\r
-.i-textfield-error {\r
- background: #ff9999;\r
-}\r
-\r
-.i-textfield.i-readonly {\r
- background: transparent;\r
- color: #222;\r
- border: none;\r
-}\r
-\r
-/* TODO impl all textarea styles */\r
-.i-textarea {\r
- background: #fff url(img/bg.png) repeat-x;\r
- padding: 2px;\r
- border: 1px solid #b6b6b6;\r
- border-top-color: #9d9d9d;\r
- border-bottom-color: #d6d6d6;\r
- border-right-color: #d6d6d6;\r
- margin: 0;\r
- font-size: 13px;\r
-}\r
-\r
-\r
-.i-richtextarea {\r
- border: 1px solid #b6b6b6;\r
- overflow: hidden;\r
-}\r
-.i-richtextarea .gwt-RichTextArea {\r
- background: #fff url(img/bg.png) repeat-x;\r
-}\r
-.i-richtextarea iframe {\r
- border: 0;\r
+.i-textfield {
+ background: #fff url(img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+ height: 18px;
+}
+
+.i-textarea {
+ background: #fff url(img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+}
+
+.i-textfield-focus,
+.i-textarea-focus {
+ border-color: #5daee8;
+}
+
+.i-textfield-error,
+.i-textarea-error {
+ background: #ff9999;
+}
+
+.i-textfield.i-readonly,
+.i-textarea.i-readonly {
+ background: transparent;
+ color: #222;
+ border: none;
+}
+
+
+.i-richtextarea {
+ border: 1px solid #b6b6b6;
+ overflow: hidden;
+}
+.i-richtextarea .gwt-RichTextArea {
+ background: #fff url(img/bg.png) repeat-x;
+}
+.i-richtextarea iframe {
+ border: 0;
}
\ No newline at end of file