import ExtJS 7.0.0 GPL

[extjs.git] / extjs / classic / theme-base / sass / src / layout / container / Form.scss

diff --git a/extjs/classic/theme-base/sass/src/layout/container/Form.scss b/extjs/classic/theme-base/sass/src/layout/container/Form.scss
index bd3bca2f21e4a46cf4ef0ab845c9b8fb9c745c51..71f1706d9224f6fa0e784e409a07beb0f4fca979 100644 (file)
--- a/extjs/classic/theme-base/sass/src/layout/container/Form.scss
+++ b/extjs/classic/theme-base/sass/src/layout/container/Form.scss
@@ -1,64 +1,64 @@
-.#{$prefix}form-layout-wrap {\r
-    display: table;\r
-    width: 100%;\r
-    border-collapse: separate;\r
-}\r
-\r
-.#{$prefix}form-layout-colgroup {\r
-    display: table-column-group;\r
-}\r
-\r
-.#{$prefix}form-layout-column {\r
-    display: table-column;\r
-}\r
-\r
-.#{$prefix}form-layout-auto-label > * > {\r
-    .#{$prefix}form-item-label {\r
-        // shrink wrap label (sized using width:1px on column element), needs !important\r
-        // to cancel the effects of inline width set by Ext.form.Labelable#labelWidth\r
-        width: auto !important;\r
-        > .#{$prefix}form-item-label-inner {\r
-            width: auto !important;\r
-            white-space: nowrap;\r
-        }\r
-    }\r
-\r
-    .#{$prefix}form-layout-label-column {\r
-        // forces the label column to be as small as possible, given the text inside\r
-        width: 1px;\r
-    }\r
-}\r
-\r
-.#{$prefix}form-layout-sized-label > * > {\r
-    .#{$prefix}form-item-label {\r
-        // label with specified size (layout sets width on column element), needs !important\r
-        // to cancel the effects of inline width set by the Ext.form.Labelable#labelWidth\r
-        width: auto !important;\r
-    }\r
-}\r
-\r
-.#{$prefix}form-form-item {\r
-    display: table-row;\r
-\r
-    > .#{$prefix}form-item-label {\r
-        // override any inline padding set by the labelPad config, since form layout uses\r
-        // border-spacing to provide space between the label and field body\r
-        padding-left: 0 !important;\r
-        padding-right: 0 !important;\r
-        padding-bottom: 0 !important;\r
-    }\r
-\r
-    > .#{$prefix}form-item-body {\r
-        // text fields control the default width of the body using min-width and\r
-        // max-width.  In a form layout, max-width prevents the body from expanding\r
-        // to fit the width of the field.  min-width, on the other hand is still\r
-        // desirable when the field is in a form layout\r
-        max-width: none;\r
-    }\r
-}\r
-\r
-.#{$prefix}form-form-item.#{$prefix}form-item-no-label:before {\r
-    content: ' ';\r
-    display: table-cell;\r
-    pointer-events: none;\r
-}\r
+.#{$prefix}form-layout-wrap {
+    display: table;
+    width: 100%;
+    border-collapse: separate;
+}
+
+.#{$prefix}form-layout-colgroup {
+    display: table-column-group;
+}
+
+.#{$prefix}form-layout-column {
+    display: table-column;
+}
+
+.#{$prefix}form-layout-auto-label > * > {
+    .#{$prefix}form-item-label {
+        // shrink wrap label (sized using width:1px on column element), needs !important
+        // to cancel the effects of inline width set by Ext.form.Labelable#labelWidth
+        width: auto !important;
+        > .#{$prefix}form-item-label-inner {
+            width: auto !important;
+            white-space: nowrap;
+        }
+    }
+
+    .#{$prefix}form-layout-label-column {
+        // forces the label column to be as small as possible, given the text inside
+        width: 1px;
+    }
+}
+
+.#{$prefix}form-layout-sized-label > * > {
+    .#{$prefix}form-item-label {
+        // label with specified size (layout sets width on column element), needs !important
+        // to cancel the effects of inline width set by the Ext.form.Labelable#labelWidth
+        width: auto !important;
+    }
+}
+
+.#{$prefix}form-form-item {
+    display: table-row;
+
+    > .#{$prefix}form-item-label {
+        // override any inline padding set by the labelPad config, since form layout uses
+        // border-spacing to provide space between the label and field body
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+        padding-bottom: 0 !important;
+    }
+
+    > .#{$prefix}form-item-body {
+        // text fields control the default width of the body using min-width and
+        // max-width.  In a form layout, max-width prevents the body from expanding
+        // to fit the width of the field.  min-width, on the other hand is still
+        // desirable when the field is in a form layout
+        max-width: none;
+    }
+}
+
+.#{$prefix}form-form-item.#{$prefix}form-item-no-label:before {
+    content: ' ';
+    display: table-cell;
+    pointer-events: none;
+}