Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

ENHANCEMENT Added generic 'small' form style

  • Loading branch information...
commit 041da993fa54fa65f49160314e1809f61debe153 1 parent ca047b6
@chillu chillu authored
Showing with 23 additions and 0 deletions.
  1. +4 −0 admin/css/screen.css
  2. +19 −0 admin/scss/_forms.scss
View
4 admin/css/screen.css
@@ -101,6 +101,10 @@ form.nostyle .middleColumn { margin-left: 0; }
form.stacked .field label, .field.stacked label { display: block; float: none; padding-bottom: 10px; }
form.stacked .field .middleColumn, .field.stacked .middleColumn { margin-left: 0px; clear: left; }
+form.small .field label.left, .field.small label.left { width: 112px; }
+form.small .field .middleColumn, .field.small .middleColumn { margin-left: 120px; }
+form.small .field input.text, form.small .field textarea, form.small .field select, form.small .field .TreeDropdownField, .field.small input.text, .field.small textarea, .field.small select, .field.small .TreeDropdownField { width: auto; }
+
.field { /* TreeDropdowns */ /* dropdowns */ /* chzn override */ /* Date Fields */ }
.field .TreeDropdownField { padding: 0; }
.field .TreeDropdownField .treedropdownfield-panel { border: 1px solid #b3b3b3; border-top: none; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
View
19 admin/scss/_forms.scss
@@ -204,6 +204,25 @@ form.stacked .field, .field.stacked {
}
}
+form.small .field, .field.small {
+ label {
+ &.left {
+ width: $grid-horizontal * 14;
+ }
+ }
+
+ .middleColumn {
+ margin-left: $grid-horizontal * 15;
+ }
+
+ input.text,
+ textarea,
+ select,
+ .TreeDropdownField {
+ width: auto;
+ }
+}
+
.field {
/* TreeDropdowns */
.TreeDropdownField {
Please sign in to comment.
Something went wrong with that request. Please try again.