Bladeren bron

Only apply pagination-link hover styles to non-active items (#2433)

Co-authored-by: Paweł Kuna <[email protected]>
Abdelrhman Said 2 maanden geleden
bovenliggende
commit
cfd4cb6624
2 gewijzigde bestanden met toevoegingen van 9 en 4 verwijderingen
  1. 5 0
      .changeset/tidy-jeans-flow.md
  2. 4 4
      core/scss/ui/_pagination.scss

+ 5 - 0
.changeset/tidy-jeans-flow.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix `.pagination-link` hover styles to non-active items

+ 4 - 4
core/scss/ui/_pagination.scss

@@ -9,10 +9,10 @@
 .page-link {
   min-width: 2rem;
   border-radius: var(--#{$prefix}pagination-border-radius);
+}
 
-  &:hover {
-    background: var(--#{$prefix}pagination-hover-bg);
-  }
+.page-item:not(.active) .page-link:hover {
+  background: var(--#{$prefix}pagination-hover-bg);
 }
 
 .page-text {
@@ -68,4 +68,4 @@
 
 .pagination-circle {
   --#{$prefix}pagination-border-radius: var(--tblr-border-radius-pill);
-}
+}