소스 검색

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

Co-authored-by: Paweł Kuna <[email protected]>
Abdelrhman Said 2 달 전
부모
커밋
cfd4cb6624
2개의 변경된 파일9개의 추가작업 그리고 4개의 파일을 삭제
  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 {
 .page-link {
   min-width: 2rem;
   min-width: 2rem;
   border-radius: var(--#{$prefix}pagination-border-radius);
   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 {
 .page-text {
@@ -68,4 +68,4 @@
 
 
 .pagination-circle {
 .pagination-circle {
   --#{$prefix}pagination-border-radius: var(--tblr-border-radius-pill);
   --#{$prefix}pagination-border-radius: var(--tblr-border-radius-pill);
-}
+}