💄 Updating the style of the primevue datatable component

This commit is contained in:
Paul Valerie GOMA 2025-08-05 15:09:22 +02:00
parent 2bd148274f
commit 65a2f9028a

View File

@ -53,19 +53,19 @@
--p-datatable-footer-border-color: var(--p-datatable-border-color);
--p-datatable-footer-color: var(--p-content-color);
--p-datatable-footer-border-width: 0 0 1px 0;
--p-datatable-footer-padding: 1rem;
--p-datatable-footer-lg-padding: 1.25rem;
--p-datatable-footer-padding: 0.75rem;
--p-datatable-footer-lg-padding: 1rem;
--p-datatable-footer-sm-padding: 0.5rem;
--p-datatable-column-footer-font-weight: 600;
--p-datatable-footer-cell-background: var(--datatable-background);
--p-datatable-footer-cell-border-color: var(--p-datatable-border-color);
--p-datatable-footer-cell-color: var(--p-content-color);
--p-datatable-footer-cell-padding: 1rem;
--p-datatable-footer-cell-lg-padding: 1.25rem;
--p-datatable-footer-cell-padding: 0.75rem;
--p-datatable-footer-cell-lg-padding: 1rem;
--p-datatable-footer-cell-sm-padding: 0.5rem;
--p-datatable-body-cell-border-color: var(--p-datatable-border-color);
--p-datatable-body-cell-padding: 1rem;
--p-datatable-body-cell-lg-padding: 1.25rem;
--p-datatable-body-cell-padding: 0.75rem;
--p-datatable-body-cell-lg-padding: 1rem;
--p-datatable-body-cell-sm-padding: 0.5rem;
--p-datatable-row-background: var(--datatable-alt-background);
--p-datatable-row-hover-background: var(--datatable-hover-background);
@ -78,7 +78,7 @@
--p-datatable-row-focus-ring-color: var(--focus-color);
--p-datatable-row-focus-ring-offset: -1px;
/* --p-datatable-row-focus-ring-shadow: var(--p-focus-ring-shadow); */
--p-datatable-column-title-font-weight: var(--text-body-SM-detail-text-Bold-weight);
--p-datatable-column-title-font-weight: var(--text-body-SM-detail-text-Medium-weight);
--p-datatable-header-cell-background: var(--datatable-background);
--p-datatable-header-cell-hover-background: var(--datatable-hover-background);
--p-datatable-header-cell-selected-background: var(--datatable-active-background);
@ -87,8 +87,8 @@
--p-datatable-header-cell-hover-color: var(--datatable-header-cell-color);
--p-datatable-header-cell-selected-color: var(--datatable-header-cell-color);
--p-datatable-header-cell-gap: 0.5rem;
--p-datatable-header-cell-padding: 1rem;
--p-datatable-header-cell-lg-padding: 1.25rem;
--p-datatable-header-cell-padding: 0.75rem;
--p-datatable-header-cell-lg-padding: 1rem;
--p-datatable-header-cell-sm-padding: 0.5rem;
--p-datatable-header-cell-focus-ring-width: var(--focus-width);
--p-datatable-header-cell-focus-ring-style: var(--focus-style);
@ -96,11 +96,11 @@
--p-datatable-header-cell-focus-ring-offset: -1px;
/* --p-datatable-header-cell-focus-ring-shadow: var(--p-focus-ring-shadow); */
--p-datatable-header-background: var(--datatable-background);
--p-datatable-header-border-color: var(--border-default-grey);
--p-datatable-header-border-color: transparent;
--p-datatable-header-color: var(--datatable-header-cell-color);
--p-datatable-header-border-width: 0 0 1px 0;
--p-datatable-header-padding: 1rem;
--p-datatable-header-lg-padding: 1.25rem;
--p-datatable-header-padding: 0.75rem;
--p-datatable-header-lg-padding: 1rem;
--p-datatable-header-sm-padding: 0.5rem;
/* --p-datatable-transition-duration: var(--p-transition-duration); */
--p-datatable-body-cell-selected-border-color: var(--datatable-active-background);