Style plone 5 pagination.

OneGov · Aug 30, 2021 · e46e972 · e46e972
1 parent 62e51e0
commit e46e972
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 20 deletions.
diff --git a/docs/HISTORY.txt b/docs/HISTORY.txt
@@ -4,7 +4,7 @@ Changelog
 4.0.7 (unreleased)
 ------------------
 
-- Nothing changed yet.
+- Style plone 5 pagination css klass. [mathias.leimgruber]
 
 
 4.0.6 (2021-06-04)

diff --git a/plonetheme/onegov/resources/sass/components/form.scss b/plonetheme/onegov/resources/sass/components/form.scss
@@ -279,26 +279,25 @@ input[type="radio"] {
 
 /* @group listing bar */
 
-div.listingBar .next {
-  display: inline-block;
-  float: right;
-}
-div.listingBar .previous {
-  display: inline-block;
-}
-div.listingBar .current {
-  vertical-align: middle;
-}
+.listingBar, .pagination,
+#content .listingBar, #content .pagination {
+  ul {
+    @include ul('inline');
+  }
 
-#content div.listingBar a,
-#content div.listingBar span.current,
-div.listingBar a {
-  padding: 0.5em 0.75em;
-  vertical-align: middle;
-}
-#content div.listingBar span.current {
-  @include borderradius();
-  background-color: #e7eff0;
+  .next,
+  .previous {
+    display: none;
+  }
+
+  a, span.current, .current, .active {
+    padding: 0.5em 0.75em;
+    vertical-align: middle;
+  }
+  span.current {
+    @include borderradius();
+    background-color: #e7eff0;
+  }
 }
 
 /* @end */