fix margin-bottom for custom elements
Custom elements are 'display: inline' by default. Margins cannot be set on inline elements.
Set 'display: block' for custom elements with labelLayout.
diff --git a/tobago-core/src/main/resources/scss/_tobago.scss b/tobago-core/src/main/resources/scss/_tobago.scss
index 412e10d..985148f 100644
--- a/tobago-core/src/main/resources/scss/_tobago.scss
+++ b/tobago-core/src/main/resources/scss/_tobago.scss
@@ -222,15 +222,20 @@
.tobago-date {
}
-tobago-date input {
- min-width: 7em;
+tobago-date {
+ display: block;
- &::-ms-clear {
- /* Remove IE10's "clear field" X button */
- display: none;
- }
- &:disabled {
- color: rgba($input-color, $form-disabled-alpha);
+ input {
+ min-width: 7em;
+
+ &::-ms-clear {
+ /* Remove IE10's "clear field" X button */
+ display: none;
+ }
+
+ &:disabled {
+ color: rgba($input-color, $form-disabled-alpha);
+ }
}
}
@@ -258,6 +263,8 @@
/* file -------------------------------------------------------------- */
.tobago-file {} //TODO remove
tobago-file {
+ display: block;
+
.custom-file-label {
&:after {
font-family: FontAwesome;
@@ -367,6 +374,9 @@
}
/* in ----------------------------------------------------------- */
+tobago-in {
+ display: block;
+}
.tobago-in {
&:disabled {
color: rgba($input-color, $form-disabled-alpha);
@@ -810,6 +820,10 @@
}
/* stars rating ------------------------------------------------------------ */
+tobago-stars {
+ display: block;
+}
+
.tobago-stars {
.tobago-stars-container {
position: relative;
@@ -939,6 +953,32 @@
align-content: center;
}
+/* select ----------------------------------------------------------- */
+
+tobago-select-boolean-checkbox {
+ display: block;
+}
+
+tobago-select-boolean-toggle {
+ display: block;
+}
+
+tobago-select-many-checkbox {
+ display: block;
+}
+
+tobago-select-many-shuttle {
+ display: block;
+}
+
+tobago-select-one-listbox {
+ display: block;
+}
+
+tobago-select-one-radio {
+ display: block;
+}
+
/* selectBooleanCheckbox, selectManyCheckbox, selectOneRadio ------------------------------ */
.tobago-selectBooleanCheckbox, .tobago-selectBooleanToggle,
