Skip to content

Commit 0c46e4d

Browse files
committed
chore: make it obvious when buttons are disabled
1 parent 39f5bb2 commit 0c46e4d

File tree

1 file changed

+9
-1
lines changed

1 file changed

+9
-1
lines changed

src/ui/components/Pagination/Pagination.css

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,10 +17,18 @@
1717
transition: background-color 0.3s ease;
1818
}
1919

20-
.pageButton:hover {
20+
.pageButton:hover:not(:disabled) {
2121
background-color: #e2e6ea;
2222
}
2323

24+
.pageButton:disabled {
25+
background-color: #e9ecef;
26+
color: #6c757d;
27+
border-color: #dee2e6;
28+
cursor: not-allowed;
29+
opacity: 0.6;
30+
}
31+
2432
.activeButton {
2533
background-color: #007bff;
2634
color: #fff;

0 commit comments

Comments
 (0)