Cellule-financiere-transverse-PMO/visua-vue
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 Adding* the style of the primevue paginator component

Browse Source
This commit is contained in:
Paul Valerie GOMA 2025-07-28 11:48:04 +02:00
parent b2045352ac
commit 825b0aaeab
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/assets/style/primevue-style/paginator.css Normal file
View File

@ -0,0 +1,24 @@
:root{
--p-paginator-jump-to-page-input-max-width: 2.5rem;
--p-paginator-current-page-report-color: var(--text-action-high-grey);
--p-paginator-nav-button-background: transparent;
--p-paginator-nav-button-hover-background: var(--background-transparent-hover);
--p-paginator-nav-button-selected-background: var(--background-action-high-blue-france);
--p-paginator-nav-button-color: var(--text-action-high-grey);
--p-paginator-nav-button-hover-color: var(--text-action-high-grey);
--p-paginator-nav-button-selected-color: var(--text-inverted-blue-france);
--p-paginator-nav-button-width: 2rem;
--p-paginator-nav-button-height: 2rem;
--p-paginator-nav-button-border-radius: 0px;
--p-paginator-nav-button-focus-ring-width: var(--focus-width);
--p-paginator-nav-button-focus-ring-style: var(--focus-style);
--p-paginator-nav-button-focus-ring-color: var(--focus-color);
--p-paginator-nav-button-focus-ring-offset: var(--focus-offset);
/* --p-paginator-nav-button-focus-ring-shadow: var(--p-focus-ring-shadow); */
--p-paginator-padding: 0px;
--p-paginator-gap: 1rem;
--p-paginator-border-radius: 0px;
--p-paginator-background: transparent;
--p-paginator-color: var(--text-action-high-grey);
--p-paginator-transition-duration: var(--transition-duration);
}