From 9de3e1f897f634b13f964102ca5c65fba7f7e09f Mon Sep 17 00:00:00 2001 From: Jack Date: Sun, 1 Nov 2015 13:38:21 -0500 Subject: [PATCH] Adds equal width fields/form --- RELEASE-NOTES.md | 1 + src/definitions/collections/form.less | 11 ++++++++++- 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index c377ed40a..4800bc90d 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -3,6 +3,7 @@ ### Version 2.1.5 - Nov 1, 2015 **Minor Enhancements*8 +- **Form** - Adds `equal width form` and `equal width fields` for simpler grouped fields - **Modal** - `onHide` callback can now cancel event by returning false #3168 **Thanks @mdehoog** - **Dropdown** - Added `onLabelRemove` callback that allows value removal to be cancelled by callback **Thanks @goloveychuk** diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index e377d3644..dd10a3bc8 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -851,7 +851,6 @@ /* Sizing Combinations */ - .ui.form .fields .wide.field { width: @oneWide; padding-left: (@gutterWidth / 2); @@ -945,6 +944,16 @@ } } +/*-------------------- + Equal Width +---------------------*/ + +.ui[class*="equal width"].form .fields > .field, +.ui.form [class*="equal width"].fields > .field { + width: 100%; + flex: 1 1 auto; +} + /*-------------------- Inline Fields ---------------------*/