diff options
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_dialog.scss | 1 | ||||
| -rw-r--r-- | src/objects/_field-label.scss | 8 |
2 files changed, 6 insertions, 3 deletions
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index b0b435f..ad6e7db 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
| @@ -76,6 +76,7 @@ | |||
| 76 | grid-area: body; | 76 | grid-area: body; |
| 77 | min-height: 0; | 77 | min-height: 0; |
| 78 | margin-top: fn.dim(--title-body-spacing); | 78 | margin-top: fn.dim(--title-body-spacing); |
| 79 | overflow: auto; | ||
| 79 | } | 80 | } |
| 80 | 81 | ||
| 81 | @include iro.bem-elem('footer') { | 82 | @include iro.bem-elem('footer') { |
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss index e990568..4195e11 100644 --- a/src/objects/_field-label.scss +++ b/src/objects/_field-label.scss | |||
| @@ -21,10 +21,11 @@ | |||
| 21 | ), 'colors'); | 21 | ), 'colors'); |
| 22 | 22 | ||
| 23 | @include iro.bem-object(iro.props-namespace()) { | 23 | @include iro.bem-object(iro.props-namespace()) { |
| 24 | display: inline-block; | 24 | display: block; |
| 25 | 25 | ||
| 26 | @include iro.bem-elem('label') { | 26 | @include iro.bem-elem('label') { |
| 27 | display: block; | 27 | display: block; |
| 28 | flex: 0 0 auto; | ||
| 28 | padding-right: fn.dim(--spacing-x); | 29 | padding-right: fn.dim(--spacing-x); |
| 29 | color: fn.color(--label); | 30 | color: fn.color(--label); |
| 30 | font-size: fn.dim(--label-font-size); | 31 | font-size: fn.dim(--label-font-size); |
| @@ -37,7 +38,8 @@ | |||
| 37 | } | 38 | } |
| 38 | 39 | ||
| 39 | @include iro.bem-elem('content') { | 40 | @include iro.bem-elem('content') { |
| 40 | display: inline-block; | 41 | display: block; |
| 42 | width: 100%; | ||
| 41 | } | 43 | } |
| 42 | 44 | ||
| 43 | @include iro.bem-elem('hint') { | 45 | @include iro.bem-elem('hint') { |
| @@ -60,7 +62,7 @@ | |||
| 60 | } | 62 | } |
| 61 | 63 | ||
| 62 | @include iro.bem-modifier('left', 'right') { | 64 | @include iro.bem-modifier('left', 'right') { |
| 63 | display: inline-flex; | 65 | display: flex; |
| 64 | align-items: baseline; | 66 | align-items: baseline; |
| 65 | 67 | ||
| 66 | @include iro.bem-elem('label') { | 68 | @include iro.bem-elem('label') { |
