projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | .#{$prefix}form-item {\r |
| 2 | display: table;\r | |
| 3 | table-layout: fixed;\r | |
| 4 | // Setting border-spacing to 0 ensures that fields don't inherit border-spacing from\r | |
| 5 | // above them if they are placed inside of a table.\r | |
| 6 | border-spacing: 0;\r | |
| 7 | border-collapse: separate;\r | |
| 8 | }\r | |
| 9 | \r | |
| 10 | .#{$prefix}form-item-label {\r | |
| 11 | overflow: hidden;\r | |
| 12 | }\r | |
| 13 | \r | |
| 14 | .#{$prefix}form-item.#{$prefix}form-item-no-label > .#{$prefix}form-item-label {\r | |
| 15 | display: none;\r | |
| 16 | }\r | |
| 17 | \r | |
| 18 | .#{$prefix}form-item-label,\r | |
| 19 | .#{$prefix}form-item-body {\r | |
| 20 | display: table-cell;\r | |
| 21 | }\r | |
| 22 | \r | |
| 23 | // IE8 has a bug where a table-cell element sandwiched between two table-row elements\r | |
| 24 | // takes 100% of the parent element height. Using table-row for the sandwiched\r | |
| 25 | // element takes care of this.\r | |
| 26 | @if $include-ie {\r | |
| 27 | .#{$prefix}ie8 .#{$prefix}form-fieldcontainer .#{$prefix}form-item-label-top + .#{$prefix}form-item-body {\r | |
| 28 | display: table-row;\r | |
| 29 | }\r | |
| 30 | }\r | |
| 31 | \r | |
| 32 | .#{$prefix}form-item-body {\r | |
| 33 | vertical-align: middle;\r | |
| 34 | height: 100%; // grow if field height is not shrink wrap\r | |
| 35 | }\r | |
| 36 | \r | |
| 37 | .#{$prefix}form-item-label-inner {\r | |
| 38 | display: inline-block;\r | |
| 39 | }\r | |
| 40 | \r | |
| 41 | .#{$prefix}form-item-label-top {\r | |
| 42 | display: table-row;\r | |
| 43 | height: 1px; // shrink wrap height\r | |
| 44 | > .#{$prefix}form-item-label-inner {\r | |
| 45 | display: table-cell;\r | |
| 46 | }\r | |
| 47 | }\r | |
| 48 | .#{$prefix}form-item-label-top-side-error:after {\r | |
| 49 | display: table-cell;\r | |
| 50 | content: '';\r | |
| 51 | }\r | |
| 52 | \r | |
| 53 | .#{$prefix}form-item-label-right {\r | |
| 54 | text-align: right;\r | |
| 55 | @if $include-rtl {\r | |
| 56 | &.#{$prefix}rtl {\r | |
| 57 | text-align: left;\r | |
| 58 | }\r | |
| 59 | }\r | |
| 60 | }\r | |
| 61 | \r | |
| 62 | .#{$prefix}form-error-wrap-side {\r | |
| 63 | display: table-cell;\r | |
| 64 | vertical-align: middle;\r | |
| 65 | }\r | |
| 66 | \r | |
| 67 | .#{$prefix}form-error-wrap-under {\r | |
| 68 | display: table-row;\r | |
| 69 | height: 1px; // shrink wrap height\r | |
| 70 | > .#{$prefix}form-error-msg {\r | |
| 71 | display: table-cell;\r | |
| 72 | }\r | |
| 73 | }\r | |
| 74 | \r | |
| 75 | .#{$prefix}form-error-wrap-under-side-label:before {\r | |
| 76 | display: table-cell;\r | |
| 77 | content: '';\r | |
| 78 | pointer-events: none;\r | |
| 79 | }\r | |
| 80 | \r | |
| 81 | .#{$prefix}form-invalid-icon {\r | |
| 82 | overflow: hidden;\r | |
| 83 | ul {\r | |
| 84 | display: none;\r | |
| 85 | }\r | |
| 86 | }\r | |
| 87 | \r |