You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by hn...@apache.org on 2021/10/14 11:15:26 UTC

[myfaces-tobago] branch tobago-5.x updated (fd80d60 -> 648ac36)

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

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


    from fd80d60  test(Id_Markup): Implement label tests.
     new 6e797d5  fix: message layout for input group, date and shuttle
     new 648ac36  build(theme): rebuild after fixing message layout

The 2 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 .../500-message-layout/message-layout.test.js      | 92 ++++++++++++++++++++++
 .../500-message-layout/message-layout.xhtml        | 64 +++++++++++++++
 tobago-theme/src/main/scss/_tobago.scss            |  6 ++
 .../src/main/css/tobago.css                        |  3 +
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.css                        |  3 +
 .../src/main/css/tobago.css.map                    |  2 +-
 .../src/main/css/tobago.css                        |  3 +
 .../src/main/css/tobago.css.map                    |  2 +-
 .../tobago-theme-speyside/src/main/css/tobago.css  |  3 +
 .../src/main/css/tobago.css.map                    |  2 +-
 .../tobago-theme-standard/src/main/css/tobago.css  |  3 +
 .../src/main/css/tobago.css.map                    |  2 +-
 13 files changed, 182 insertions(+), 5 deletions(-)
 create mode 100644 tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.test.js
 create mode 100644 tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.xhtml

[myfaces-tobago] 01/02: fix: message layout for input group, date and shuttle

Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

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

commit 6e797d50e188947873dc3e98ca95cd930245c4e6
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Thu Oct 14 12:40:10 2021 +0200

    fix: message layout for input group, date and shuttle
    
    * add an integration test
---
 .../500-message-layout/message-layout.test.js      | 92 ++++++++++++++++++++++
 .../500-message-layout/message-layout.xhtml        | 64 +++++++++++++++
 tobago-theme/src/main/scss/_tobago.scss            |  6 ++
 3 files changed, 162 insertions(+)

diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.test.js b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.test.js
new file mode 100644
index 0000000..0a9d230
--- /dev/null
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.test.js
@@ -0,0 +1,92 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+import {JasmineTestTool} from "/tobago/test/tobago-test-tool.js";
+import {elementByIdFn, querySelectorAllFn, querySelectorFn} from "/script/tobago-test.js";
+
+it("Input", function (done) {
+  const alertsFn = querySelectorAllFn(".tobago-messages .alert");
+  const submitFn = elementByIdFn("page:mainForm:submit");
+  const compareFn = elementByIdFn("page:mainForm:inCompare");
+  const labelFn = querySelectorFn("#page\\:mainForm\\:in label");
+  const inputFn = querySelectorFn("#page\\:mainForm\\:in input");
+  const popoverFn = querySelectorFn("#page\\:mainForm\\:in tobago-popover");
+
+  const test = new JasmineTestTool(done);
+  test.setup(() => alertsFn().length > 0, null, "click", submitFn);
+  test.do(() => expect(getFullWidth(compareFn())).toBeCloseTo(
+      getFullWidth(labelFn()) + getFullWidth(inputFn()) + getFullWidth(popoverFn())
+  ));
+  test.start();
+});
+
+it("Input Group", function (done) {
+  const alertsFn = querySelectorAllFn(".tobago-messages .alert");
+  const submitFn = elementByIdFn("page:mainForm:submit");
+  const compareFn = elementByIdFn("page:mainForm:inputGroupCompare");
+  const labelFn = querySelectorFn("#page\\:mainForm\\:inputGroup label");
+  const inputFn = querySelectorFn("#page\\:mainForm\\:inputGroup .input-group");
+  const popoverFn = querySelectorFn("#page\\:mainForm\\:inputGroup tobago-popover");
+
+  const test = new JasmineTestTool(done);
+  test.setup(() => alertsFn().length > 0, null, "click", submitFn);
+  test.do(() => expect(getFullWidth(compareFn())).toBeCloseTo(
+      getFullWidth(labelFn()) + getFullWidth(inputFn()) + getFullWidth(popoverFn())
+  ));
+  test.start();
+});
+
+it("Date", function (done) {
+  const alertsFn = querySelectorAllFn(".tobago-messages .alert");
+  const submitFn = elementByIdFn("page:mainForm:submit");
+  const compareFn = elementByIdFn("page:mainForm:dateCompare");
+  const labelFn = querySelectorFn("#page\\:mainForm\\:date label");
+  const inputFn = querySelectorFn("#page\\:mainForm\\:date input");
+  const popoverFn = querySelectorFn("#page\\:mainForm\\:date tobago-popover");
+
+  const test = new JasmineTestTool(done);
+  test.setup(() => alertsFn().length > 0, null, "click", submitFn);
+  test.do(() => expect(getFullWidth(compareFn())).toBeCloseTo(
+      getFullWidth(labelFn()) + getFullWidth(inputFn()) + getFullWidth(popoverFn())
+  ));
+  test.start();
+});
+
+it("Shuttle", function (done) {
+  const alertsFn = querySelectorAllFn(".tobago-messages .alert");
+  const submitFn = elementByIdFn("page:mainForm:submit");
+  const compareFn = elementByIdFn("page:mainForm:shuttleCompare");
+  const labelFn = querySelectorFn("#page\\:mainForm\\:shuttle label");
+  const inputFn = querySelectorFn("#page\\:mainForm\\:shuttle .tobago-selectManyShuttle");
+  const popoverFn = querySelectorFn("#page\\:mainForm\\:shuttle tobago-popover");
+
+  const test = new JasmineTestTool(done);
+  test.setup(() => alertsFn().length > 0, null, "click", submitFn);
+  test.do(() => expect(getFullWidth(compareFn())).toBeCloseTo(
+      getFullWidth(labelFn()) + getFullWidth(inputFn()) + getFullWidth(popoverFn())
+  ));
+  test.start();
+});
+
+function getFullWidth(element) {
+  const computedStyle = getComputedStyle(element);
+  const marginLeft = parseFloat(computedStyle.marginLeft);
+  const width = parseFloat(computedStyle.width);
+  const marginRight = parseFloat(computedStyle.marginRight);
+  return marginLeft + width + marginRight;
+}
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.xhtml
new file mode 100644
index 0000000..2a49f0b
--- /dev/null
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/4800-labelLayout/500-message-layout/message-layout.xhtml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+-->
+
+<ui:composition template="/main.xhtml"
+                xmlns="http://www.w3.org/1999/xhtml"
+                xmlns:tc="http://myfaces.apache.org/tobago/component"
+                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
+                xmlns:f="http://xmlns.jcp.org/jsf/core">
+  <ui:param name="title" value="messages"/>
+  <tc:button id="submit" label="Submit"/>
+
+  <tc:panel>
+    <tc:style width="1000px"/>
+
+    <tc:section label="Input">
+      <tc:in id="inCompare" label="Input"/>
+      <tc:in id="in" label="Input" required="true"/>
+    </tc:section>
+
+    <tc:section label="Input Group">
+      <tc:in id="inputGroupCompare" label="Input Group">
+        <f:facet name="before">https://example.com/</f:facet>
+        <f:facet name="after"><tc:button label="OK" omit="true"/></f:facet>
+      </tc:in>
+      <tc:in id="inputGroup" label="Input Group" required="true">
+        <f:facet name="before">https://example.com/</f:facet>
+        <f:facet name="after"><tc:button label="OK" omit="true"/></f:facet>
+      </tc:in>
+    </tc:section>
+
+    <tc:section label="Date">
+      <tc:date id="dateCompare" label="Date"/>
+      <tc:date id="date" label="Date" required="true"/>
+    </tc:section>
+
+    <tc:section label="Shuttle">
+      <tc:selectManyShuttle id="shuttleCompare" label="Shuttle" value="#{selectManyShuttleController.selectedPlanets}">
+        <tc:selectItems value="#{selectManyShuttleController.planets}"
+                        var="planet" itemLabel="#{planet.name}" itemValue="#{planet}"/>
+      </tc:selectManyShuttle>
+      <tc:selectManyShuttle id="shuttle" label="Shuttle" value="#{selectManyShuttleController.selectedPlanets}"
+                            required="true">
+        <tc:selectItems value="#{selectManyShuttleController.planets}"
+                        var="planet" itemLabel="#{planet.name}" itemValue="#{planet}"/>
+      </tc:selectManyShuttle>
+    </tc:section>
+  </tc:panel>
+</ui:composition>
diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index f82523c..7be5af5 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -421,6 +421,12 @@ tobago-flex-layout {
     }
   }
 
+  > .tobago-messages-container {
+    .tobago-input-group-outer, .tobago-selectManyShuttle {
+      flex: 1 0 0px;
+    }
+  }
+
   > .form-check {
     /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
    this results in different hights for form-check components with label and itemLabel */

[myfaces-tobago] 02/02: build(theme): rebuild after fixing message layout

Posted by hn...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

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

commit 648ac368c6293e815b0e75e495e49745d51053b1
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Thu Oct 14 13:05:54 2021 +0200

    build(theme): rebuild after fixing message layout
---
 tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css     | 3 +++
 tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map | 2 +-
 tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css         | 3 +++
 tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map     | 2 +-
 tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css        | 3 +++
 tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map    | 2 +-
 tobago-theme/tobago-theme-speyside/src/main/css/tobago.css           | 3 +++
 tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map       | 2 +-
 tobago-theme/tobago-theme-standard/src/main/css/tobago.css           | 3 +++
 tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map       | 2 +-
 10 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
index 6e475dd..8ff27ab 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css
@@ -11709,6 +11709,9 @@ tobago-flex-layout > tobago-flex-layout {
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
+.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+  flex: 1 0 0px;
+}
 .tobago-label-container > .form-check {
   /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
   this results in different hights for form-check components with label and itemLabel */
diff --git a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
index aa7e43a..7624042 100644
--- a/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-charlotteville/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
index a657350..6b5646b 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css
@@ -11732,6 +11732,9 @@ tobago-flex-layout > tobago-flex-layout {
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
+.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+  flex: 1 0 0px;
+}
 .tobago-label-container > .form-check {
   /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
   this results in different hights for form-check components with label and itemLabel */
diff --git a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
index 9ed9cd4..888bd35 100644
--- a/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-roxborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scs [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
index 7a0a549..211c097 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css
@@ -11719,6 +11719,9 @@ tobago-flex-layout > tobago-flex-layout {
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
+.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+  flex: 1 0 0px;
+}
 .tobago-label-container > .form-check {
   /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
   this results in different hights for form-check components with label and itemLabel */
diff --git a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
index a46a015..c16d7e0 100644
--- a/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-scarborough/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
index 119a780..9d336c3 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css
@@ -11419,6 +11419,9 @@ tobago-flex-layout > tobago-flex-layout {
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
+.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+  flex: 1 0 0px;
+}
 .tobago-label-container > .form-check {
   /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
   this results in different hights for form-check components with label and itemLabel */
diff --git a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
index d7684bb..6ec129d 100644
--- a/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-speyside/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_modules/bootstrap/scss/mixins/_lists.scss","../. [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../scss/_custom.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_modules/bootstrap/scss/mixins/_lists.scss","../. [...]
\ No newline at end of file
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
index 0c130eb..7eec6bc 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css
@@ -11689,6 +11689,9 @@ tobago-flex-layout > tobago-flex-layout {
 .tobago-label-container > .tobago-selectManyShuttle {
   flex: 1 0 0px;
 }
+.tobago-label-container > .tobago-messages-container .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container .tobago-selectManyShuttle {
+  flex: 1 0 0px;
+}
 .tobago-label-container > .form-check {
   /* .form-check has a margin-bottom which will be normally ignored, except in a label layout
   this results in different hights for form-check components with label and itemLabel */
diff --git a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
index 4c18ded..14b5c68 100644
--- a/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
+++ b/tobago-theme/tobago-theme-standard/src/main/css/tobago.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/tobago-theme.scss","../../../../node_modules/bootstrap/scss/bootstrap.scss","../../../../node_modules/bootstrap/scss/_root.scss","../../../../node_modules/bootstrap/scss/_reboot.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../../../node_modules/bootstrap/scss/_type.scss","../../../../node_mo [...]
\ No newline at end of file