add styles for several other dijit elements

This commit is contained in:
Andrew Dolgov 2015-08-11 16:41:05 +03:00
parent bc20cb9fad
commit e79e274fc8
2 changed files with 103 additions and 0 deletions

View File

@ -622,6 +622,8 @@ class Pref_Prefs extends Handler_Protected {
$cert_serial = htmlspecialchars(get_ssl_certificate_id()); $cert_serial = htmlspecialchars(get_ssl_certificate_id());
$has_serial = ($cert_serial) ? "false" : "true"; $has_serial = ($cert_serial) ? "false" : "true";
print "<br/>";
print " <button dojoType=\"dijit.form.Button\" disabled=\"$has_serial\" print " <button dojoType=\"dijit.form.Button\" disabled=\"$has_serial\"
onclick=\"insertSSLserial('$cert_serial')\">" . onclick=\"insertSSLserial('$cert_serial')\">" .
__('Register') . "</button>"; __('Register') . "</button>";

View File

@ -189,6 +189,7 @@
.claro .dijitComboButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode,
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode, .claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton, .claro .dijitToolbar .dijitComboButton,
.claro .dijitToolbar .dijitSelect.dijitDownArrowButton .dijitButtonNode,
.claro .dijitToolbar .dijitComboButton .dijitButtonNode { .claro .dijitToolbar .dijitComboButton .dijitButtonNode {
background : none; background : none;
border-color : transparent; border-color : transparent;
@ -273,6 +274,7 @@ input[type="submit"]:active,
} }
.claro .dijitToolbar .dijitDropDownButton .dijitButtonText, .claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
.claro .dijitToolbar .dijitDownArrowButton .dijitButtonText,
.claro .dijitToolbar .dijitComboButton .dijitButtonText { .claro .dijitToolbar .dijitComboButton .dijitButtonText {
padding : 0px; padding : 0px;
} }
@ -422,3 +424,102 @@ button[disabled],
border-color : #ddd; border-color : #ddd;
} }
/* Text fields & selects */
.claro .dijitComboBox .dijitArrowButton,
.claro .dijitSelect .dijitArrowButton {
background : transparent;
border-color : transparent;
}
.claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
margin-right : 5px;
}
.claro .dijitDownArrowButton.dijitSelect {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom : 4px;
}
.claro .dijitSelect .dijitButtonContents {
display: inline-block;
height: 20px;
padding: 4px 6px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
border-width : 0px;
}
.claro .dijitTextBox {
display: inline-block;
height: 20px;
padding: 4px 6px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom : 4px;
}
.claro .dijitTextBox,
.claro .dijitSelect {
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.claro .dijitTextBox:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.claro .dijitError .dijitValidationContainer {
padding : 0px;
width : 13px;
border-width : 1px;
}
.claro .dijitTextBox.dijitReadOnly,
.claro .dijitTextBox.dijitReadOnly .dijitInputField .dijitInputInner {
cursor: not-allowed;
background-color: #eeeeee;
}
.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
border-color : rgba(0,0,0,0.1);
}
.claro .dijitToolbar .dijitDownArrowButton.dijitSelect .dijitButtonContents {
padding : 0px 2px 0px 2px;
}
.claro .dijitToolbar .dijitDownArrowButton.dijitSelect {
margin : 0px;
}
.claro .dijitToolbar .dijitTextBox {
padding : 0px;
margin-bottom : 0px;
}