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 2026/05/29 19:58:56 UTC

(myfaces-tobago) branch main updated: fix(paginator): CSS styling

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

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


The following commit(s) were added to refs/heads/main by this push:
     new 37f535ce3d fix(paginator): CSS styling
37f535ce3d is described below

commit 37f535ce3dccbe6064ca12a33d5bc16504463b04
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri May 29 21:43:38 2026 +0200

    fix(paginator): CSS styling
    
    fix test.
---
 .../sheet/30-sheet-margin-bottom/Sheet_Margin_Bottom.test.js |  2 +-
 tobago-theme/src/main/scss/_tobago.scss                      | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/sheet/30-sheet-margin-bottom/Sheet_Margin_Bottom.test.js b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/sheet/30-sheet-margin-bottom/Sheet_Margin_Bottom.test.js
index ccd4e009b2..13d14276c8 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/sheet/30-sheet-margin-bottom/Sheet_Margin_Bottom.test.js
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/900-test/sheet/30-sheet-margin-bottom/Sheet_Margin_Bottom.test.js
@@ -19,7 +19,7 @@ import {elementByIdFn, querySelectorFn} from "/script/tobago-test.js";
 import {JasmineTestTool} from "/tobago/test/tobago-test-tool.js";
 
 it("Margin from button to sheet/paging must be the same", function (done) {
-  const sheet1pagingFn = querySelectorFn("#page\\:mainForm\\:sheet1 .pagination");
+  const sheet1pagingFn = querySelectorFn("#page\\:mainForm\\:sheet1 tobago-paginator-page .pagination");
   const button1Fn = elementByIdFn("page:mainForm:button1");
   const sheet2Fn = elementByIdFn("page:mainForm:sheet2");
   const button2Fn = elementByIdFn("page:mainForm:button2");
diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index f447a6d751..022246a5a2 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -1789,6 +1789,7 @@ tobago-sheet {
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 1rem;
+    gap: 1rem;
 
     &[data-tobago-child-count='1'] {
       justify-content: center;
@@ -1809,18 +1810,21 @@ tobago-sheet {
 
     tobago-paginator-row {
       @include tobagoPaginatorInput();
-
-      > .page-item {
-        margin-bottom: 1rem;
-      }
     }
 
     tobago-paginator-list {
+      .pagination {
+        margin-bottom: 0;
+      }
     }
 
     tobago-paginator-page {
       @include tobagoPaginatorInput();
 
+      .pagination {
+        margin-bottom: 0;
+      }
+
       .tobago-paging {
       }
     }