Browse Source

Fix mobile form field spacing #3913

pull/3763/merge
Jack Lukic 8 years ago
parent
commit
d8bdcafa83
2 changed files with 8 additions and 1 deletions
  1. 1
      RELEASE-NOTES.md
  2. 8
      src/definitions/collections/form.less

1
RELEASE-NOTES.md

@ -58,6 +58,7 @@
- **Dropdown** - Long dropdown text entry with `allowAdditions` would cause input to mistakingly drop to next line early #3743 - **Dropdown** - Long dropdown text entry with `allowAdditions` would cause input to mistakingly drop to next line early #3743
- **Dropdown** - Seach selection would lose search input focus when clicking on a choice #3790 - **Dropdown** - Seach selection would lose search input focus when clicking on a choice #3790
- **Embed** - `API` setting is now disabled by default - **Embed** - `API` setting is now disabled by default
- **Form** - Fix `equal width fields` sometimes not including right field spacing on mobile #3913
- **Form** - Grouped `fields` and `field` would cause different margin collapse, making `fields` include larger gaps between content #3717 - **Form** - Grouped `fields` and `field` would cause different margin collapse, making `fields` include larger gaps between content #3717
- **Form** - Fixed issue where `inline` field was not being correctly inverted in color with `inverted form` #4004 #4005 **Thanks @tbracken** - **Form** - Fixed issue where `inline` field was not being correctly inverted in color with `inverted form` #4004 #4005 **Thanks @tbracken**
- **Form** - Remove deprecated `size()` method in `prompt` #3655 **Thanks @SimonArdrey** - **Form** - Remove deprecated `size()` method in `prompt` #3655 **Thanks @SimonArdrey**

8
src/definitions/collections/form.less

@ -809,6 +809,9 @@
.ui.form .fields { .ui.form .fields {
flex-wrap: wrap; flex-wrap: wrap;
} }
.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field,
.ui.form .two.fields > .fields, .ui.form .two.fields > .fields,
.ui.form .two.fields > .field, .ui.form .two.fields > .field,
.ui.form .three.fields > .fields, .ui.form .three.fields > .fields,
@ -828,7 +831,7 @@
.ui.form .ten.fields > .fields, .ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field { .ui.form .ten.fields > .field {
width: @oneColumn !important; width: @oneColumn !important;
margin: @fieldsMargin;
margin: 0em 0em @rowDistance;
} }
} }
@ -916,6 +919,9 @@
.ui.form .fields > .sixteen.wide.field { .ui.form .fields > .sixteen.wide.field {
width: @oneColumn !important; width: @oneColumn !important;
} }
.ui.form .fields {
margin-bottom: 0em;
}
} }
/*-------------------- /*--------------------

Loading…
Cancel
Save