diff --git a/scss/_variables.scss b/scss/_variables.scss index 24bc9c2a..f60619a0 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -604,6 +604,7 @@ $Form-group--xs-gutterWidth: px2rem(10px) !default; $Form-row-gutterWidth: px2rem(10px) !default; +$Form--horizontal-label-whiteSpace: "normal" !default; $Form--horizontal-label-align: right !default; $Form--horizontal-label-widthXs: px2rem(60px) !default; $Form--horizontal-label-widthSm: px2rem(90px) !default; diff --git a/scss/components/form/_form.scss b/scss/components/form/_form.scss index d0008e97..9842fe95 100644 --- a/scss/components/form/_form.scss +++ b/scss/components/form/_form.scss @@ -82,6 +82,7 @@ &--horizontal { >.#{$ns}Form-label { text-align: $Form--horizontal-label-align; + white-space: $Form--horizontal-label-whiteSpace; } } diff --git a/scss/themes/cxd.scss b/scss/themes/cxd.scss index 5a935096..b09fa3d5 100644 --- a/scss/themes/cxd.scss +++ b/scss/themes/cxd.scss @@ -75,10 +75,11 @@ $Form-description-color: #999; $Form-input-onError-bg: #fffbfb; $Form-input-onDisabled-bg: #f5f5f5; $Form-input-onDisabled-borderColor: #ebebeb; -$Form--horizontal-label-widthBase: px2rem(90px); +$Form--horizontal-label-whiteSpace: nowrap; $Form--horizontal-label-align: left; $Form--horizontal-label-widthXs: px2rem(50px); $Form--horizontal-label-widthSm: px2rem(70px); +$Form--horizontal-label-widthBase: px2rem(100px); $Form--horizontal-label-widthMd: px2rem(140px); $Form--horizontal-label-widthLg: px2rem(190px); $Form-input-addOnBg: $white;