yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-04 15:18:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Pagination button hover issue (#1227)

Browse Source
This commit is contained in:
Shailesh Parmar 2021-11-17 18:02:34 +05:30 committed by GitHub
parent 325992d086
commit 6cb628c8eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
catalog-rest-service/src/main/resources/ui/src/components/Pagination/Pagination.css
View File

@ -23,20 +23,27 @@
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.tw-link:hover { .button-text:hover .tw-link {
text-decoration: none !important; text-decoration: none !important;
} }
.pagination > .disabled > .tw-link {
.disabled {
cursor: not-allowed; cursor: not-allowed;
}
.button-text:not(.disabled) {
cursor: pointer;
}
.pagination > .disabled > .tw-link {
color: #7147e8; color: #7147e8;
} }
.pagination > .disabled > .tw-link:hover, .pagination > .disabled:hover > .tw-link,
.pagination > .disabled > .tw-link:focus { .pagination > .disabled:focus > .tw-link {
cursor: not-allowed;
color: white; color: white;
} }
.pagination > li > .tw-link:hover, .pagination > .button-text:hover > .tw-link,
.pagination > li > .tw-link:focus { .pagination > .button-text:focus > .tw-link {
color: white; color: white;
} }

2
catalog-rest-service/src/main/resources/ui/src/components/Pagination/index.tsx
View File

@ -32,7 +32,7 @@ const Pagination: React.FC<PaginationProps> = ({
hideFirstLastPages hideFirstLastPages
activePage={currentPage} activePage={currentPage}
disabledClass="tw-opacity-60 disabled" disabledClass="tw-opacity-60 disabled"
itemClass="tw-border tw-border-primary tw-text-blue-500 tw-rounded tw-px-3 tw-py-1.5 tw-text-sm tw-mx-2 hover:tw-bg-primary " itemClass="tw-border tw-border-primary tw-text-blue-500 tw-rounded tw-px-3 tw-py-1.5 tw-text-sm tw-mx-2 hover:tw-bg-primary button-text"
itemsCountPerPage={sizePerPage} itemsCountPerPage={sizePerPage}
linkClass="tw-text-primary tw-font-medium tw-link" linkClass="tw-text-primary tw-font-medium tw-link"
nextPageText={ nextPageText={