Browse Source

Fix compact form messages

Add inline-block to compact form messages so they don't take the full width of their container.

Fixes #3343
pull/4144/head
Bertrand Croq 8 years ago
parent
commit
035ed33291
1 changed files with 9 additions and 0 deletions
  1. 9
      src/definitions/collections/form.less

9
src/definitions/collections/form.less

@ -400,6 +400,9 @@
.ui.form.success .success.message:not(:empty) {
display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
display: flex;
}
@ -412,6 +415,9 @@
.ui.form.warning .warning.message:not(:empty) {
display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
display: flex;
}
@ -424,6 +430,9 @@
.ui.form.error .error.message:not(:empty) {
display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
display: flex;
}

Loading…
Cancel
Save