[myfaces-tobago] branch master updated: fix margin-bottom for custom elements

[hn...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git


The following commit(s) were added to refs/heads/master by this push:
     new 64be9bb  fix margin-bottom for custom elements
64be9bb is described below

commit 64be9bb150b705d4a3645d4c8cb677147934bd7b
Author: Henning Nöth <hn...@apache.org>
AuthorDate: Fri Apr 17 23:32:31 2020 +0200

    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.
---
 tobago-core/src/main/resources/scss/_tobago.scss | 56 ++++++++++++++++++++----
 1 file changed, 48 insertions(+), 8 deletions(-)

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-panel.tobago-collapsed {
 .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 @@ XXX workaround for Bootstrap with datetimepicker needed for popups
 /* file -------------------------------------------------------------- */
 .tobago-file {} //TODO remove
 tobago-file {
+  display: block;
+
   .custom-file-label {
     &:after {
       font-family: FontAwesome;
@@ -367,6 +374,9 @@ tobago-file {
 }
 
 /* in ----------------------------------------------------------- */
+tobago-in {
+  display: block;
+}
 .tobago-in {
   &:disabled {
     color: rgba($input-color, $form-disabled-alpha);
@@ -810,6 +820,10 @@ tobago-panel {
 }
 
 /* stars rating ------------------------------------------------------------ */
+tobago-stars {
+  display: block;
+}
+
 .tobago-stars {
   .tobago-stars-container {
     position: relative;
@@ -939,6 +953,32 @@ h1, h2, h3, h4, h5, h6 {
   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,