diff --git a/packages/primevue/src/datatable/style/DataTableStyle.js b/packages/primevue/src/datatable/style/DataTableStyle.js index 8562c97c4..39806ee87 100644 --- a/packages/primevue/src/datatable/style/DataTableStyle.js +++ b/packages/primevue/src/datatable/style/DataTableStyle.js @@ -520,23 +520,23 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { } .p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 1.25rem; + padding: 1rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 1.25rem; + padding: 1rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td { - padding: 0.9375rem 1.25rem; + padding: 1rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td { - padding: 0.9375rem 1.25rem; + padding: 1rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 1.25rem; + padding: 1rem 1.25rem; } .p-datatable-row-toggle-button { diff --git a/packages/themes/src/presets/material/organizationchart/index.js b/packages/themes/src/presets/material/organizationchart/index.js index d883f2c9a..397a728f4 100644 --- a/packages/themes/src/presets/material/organizationchart/index.js +++ b/packages/themes/src/presets/material/organizationchart/index.js @@ -11,8 +11,8 @@ export default { color: '{content.color}', selectedColor: '{highlight.color}', hoverColor: '{content.hover.color}', - padding: '0.75rem 1rem', - toggleablePadding: '0.75rem 1rem 1.25rem 1rem', + padding: '1rem 1.25rem', + toggleablePadding: '1rem 1.25rem 1.5rem 1.25rem', borderRadius: '{content.border.radius}' }, nodeToggleButton: { @@ -21,7 +21,7 @@ export default { borderColor: '{content.border.color}', color: '{text.muted.color}', hoverColor: '{text.color}', - size: '1.5rem', + size: '1.75rem', borderRadius: '50%', focusRing: { width: '{focus.ring.width}', diff --git a/packages/themes/src/presets/material/timeline/index.js b/packages/themes/src/presets/material/timeline/index.js index 9058486e5..4359a724c 100644 --- a/packages/themes/src/presets/material/timeline/index.js +++ b/packages/themes/src/presets/material/timeline/index.js @@ -13,20 +13,31 @@ export default { } }, eventMarker: { - size: '1.125rem', + size: '1.5rem', borderRadius: '50%', borderWidth: '2px', - background: '{content.background}', - borderColor: '{content.border.color}', + background: '{primary.color}', content: { borderRadius: '50%', - size: '0.375rem', + size: '0', background: '{primary.color}', - insetShadow: '0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12)' + insetShadow: 'none' } }, eventConnector: { color: '{content.border.color}', size: '2px' + }, + colorScheme: { + light: { + eventMarker: { + borderColor: '{surface.0}' + } + }, + dark: { + eventMarker: { + borderColor: '{surface.900}' + } + } } };