From 35190df828ad025c8b5c66b8e43562f2a81e83d8 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Mon, 11 May 2020 00:03:29 +0300 Subject: [PATCH] Table scaling --- public/themes/luna-amber/theme.css | 50 +++++++-- public/themes/luna-green/theme.css | 50 +++++++-- public/themes/luna-pink/theme.css | 50 +++++++-- public/themes/nova-colored/theme.css | 50 +++++++-- public/themes/nova-dark/theme.css | 50 +++++++-- public/themes/nova-light/theme.css | 50 +++++++-- public/themes/nova-vue/theme.css | 50 +++++++-- public/themes/rhea/theme.css | 50 +++++++-- public/themes/saga-blue/theme.css | 50 +++++++-- public/themes/saga-cyan/theme.css | 50 +++++++-- public/themes/saga-deeppurple/theme.css | 50 +++++++-- public/themes/saga-green/theme.css | 50 +++++++-- public/themes/saga-indigo/theme.css | 50 +++++++-- public/themes/saga-orange/theme.css | 50 +++++++-- public/themes/saga-purple/theme.css | 50 +++++++-- public/themes/saga-teal/theme.css | 50 +++++++-- public/themes/vela-blue/theme.css | 50 +++++++-- public/themes/vela-cyan/theme.css | 50 +++++++-- public/themes/vela-deeppurple/theme.css | 50 +++++++-- public/themes/vela-green/theme.css | 50 +++++++-- public/themes/vela-indigo/theme.css | 50 +++++++-- public/themes/vela-orange/theme.css | 50 +++++++-- public/themes/vela-purple/theme.css | 50 +++++++-- public/themes/vela-teal/theme.css | 50 +++++++-- src/router.js | 10 ++ src/views/button/ButtonDoc.vue | 8 ++ src/views/datatable/DataTableDoc.vue | 38 +++++++ src/views/datatable/DataTableSizeDemo.vue | 126 ++++++++++++++++++++++ src/views/datatable/DataTableSubMenu.vue | 1 + src/views/inputtext/InputTextDoc.vue | 24 +++-- src/views/treetable/TreeTableDoc.vue | 35 ++++++ src/views/treetable/TreeTableSizeDemo.vue | 120 +++++++++++++++++++++ src/views/treetable/TreeTableSubMenu.vue | 1 + 33 files changed, 1315 insertions(+), 248 deletions(-) create mode 100644 src/views/datatable/DataTableSizeDemo.vue create mode 100644 src/views/treetable/TreeTableSizeDemo.vue diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 81b518c17..56b14f0d5 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 9149dcf4f..c7f9b4fdd 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 4c3647b05..8ce3b0461 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 08a5cdb7a..f8c42b8cd 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index f218fc140..a996b859f 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index 324e96a20..fd40ece78 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index da6e5e235..5cfb38dcc 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 3212abbca..34ea0b17e 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.375375rem; + font-size: 0.75rem; + padding: 0.32175rem 0.32175rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.375375rem 0.875rem; + font-size: 0.75rem; + padding: 0.32175rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.749875rem 0.875rem; + padding: 0.64275rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.499625rem 0.749875rem; + padding: 0.42825rem 0.64275rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.499625rem 0.875rem; + padding: 0.42825rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.07125rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.64275rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.42825rem 0.64275rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.42825rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.07125rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 0.71375rem 1.07125rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 0.71375rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 0.71375rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 0.857rem 1rem; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 78d450eb5..0d169ffe6 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index 2f1495a90..e38dd274a 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index d272c0b21..0950c723a 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 602393085..4a8e8146f 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index 23d0703bd..f5eaebd38 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index c207a6fd0..d6e3b9124 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index fd9487a30..03bf4e428 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index ae0d0f8fd..321701ed2 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 7adb47c82..4bc3d2679 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css index 5de2fbaab..82a0dc005 100644 --- a/public/themes/vela-cyan/theme.css +++ b/public/themes/vela-cyan/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css index e5d1eb2b7..6e16be623 100644 --- a/public/themes/vela-deeppurple/theme.css +++ b/public/themes/vela-deeppurple/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index c74150603..5b78b89ea 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css index a6df21cf7..386c968c6 100644 --- a/public/themes/vela-indigo/theme.css +++ b/public/themes/vela-indigo/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index f994aa3bb..06c766ede 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 6d951609a..bb8e4edad 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css index b71e41df0..4d8a21cca 100644 --- a/public/themes/vela-teal/theme.css +++ b/public/themes/vela-teal/theme.css @@ -654,8 +654,8 @@ border-width: 1px; } .p-inputtext.p-inputtext-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.4375rem; + font-size: 0.75rem; + padding: 0.375rem 0.375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; @@ -1093,11 +1093,11 @@ border-radius: 50%; } .p-button.p-button-sm { - font-size: 0.875rem; - padding: 0.4375rem 0.875rem; + font-size: 0.75rem; + padding: 0.375rem 0.75rem; } .p-button.p-button-sm .p-button-icon { - font-size: 0.875rem; + font-size: 0.75rem; } .p-button.p-button-lg { font-size: 1.25rem; @@ -1410,19 +1410,19 @@ font-size: 2rem; } .p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.875rem 0.875rem; + padding: 0.75rem 0.75rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; @@ -1989,6 +1989,36 @@ .p-treetable .p-treetable-loading-icon { font-size: 2rem; } +.p-treetable.p-treetable-sm .p-treetable-header { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-thead > tr > th { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-sm .p-treetable-footer { + padding: 0.75rem 0.75rem; +} +.p-treetable.p-treetable-lg .p-treetable-header { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-thead > tr > th { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { + padding: 1.25rem 1.25rem; +} +.p-treetable.p-treetable-lg .p-treetable-footer { + padding: 1.25rem 1.25rem; +} .p-accordion .p-accordion-header a { padding: 1rem; diff --git a/src/router.js b/src/router.js index 87eb51786..cbd7d5eff 100755 --- a/src/router.js +++ b/src/router.js @@ -210,6 +210,11 @@ export default new Router({ path: '/datatable/colgroup', name: 'datatablecolgroup', component: () => import('./views/datatable/DataTableColGroupDemo.vue') + }, + { + path: '/datatable/size', + name: 'datatablesize', + component: () => import('./views/datatable/DataTableSizeDemo.vue') }, { path: '/datatable/colresize', @@ -565,6 +570,11 @@ export default new Router({ name: 'treetabletemplating', component: () => import('./views/treetable/TreeTableTemplatingDemo.vue') }, + { + path: '/treetable/size', + name: 'treetablesize', + component: () => import('./views/treetable/TreeTableSizeDemo.vue') + }, { path: '/treetable/paginator', name: 'treetablepaginator', diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue index d324a0019..12063e563 100755 --- a/src/views/button/ButtonDoc.vue +++ b/src/views/button/ButtonDoc.vue @@ -159,6 +159,14 @@ import Button from 'primevue/button'; p-button-text Label element of the button + + + p-button-sm + Smaller button element + + + p-button-lg + Larger button element diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue index 137aeaa52..87ac9d103 100755 --- a/src/views/datatable/DataTableDoc.vue +++ b/src/views/datatable/DataTableDoc.vue @@ -336,6 +336,44 @@ export default { </template> </DataTable> + + +

Sizes

+

In addition to the regular table, a smal and a large version are available with different paddings. For a table + with smaller paddings use p-datatable-sm class and for a larger one use p-datatable-lg.

+ + +

Column Grouping

diff --git a/src/views/datatable/DataTableSizeDemo.vue b/src/views/datatable/DataTableSizeDemo.vue new file mode 100644 index 000000000..8c4da2195 --- /dev/null +++ b/src/views/datatable/DataTableSizeDemo.vue @@ -0,0 +1,126 @@ + + + \ No newline at end of file diff --git a/src/views/datatable/DataTableSubMenu.vue b/src/views/datatable/DataTableSubMenu.vue index 1e1ea558b..eff7fd7bc 100755 --- a/src/views/datatable/DataTableSubMenu.vue +++ b/src/views/datatable/DataTableSubMenu.vue @@ -5,6 +5,7 @@
  • Basic
  • Dynamic
  • Templating
  • +
  • Size
  • ColGroup
  • Paginator
  • Sort
  • diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue index adcacffa0..156f5d796 100755 --- a/src/views/inputtext/InputTextDoc.vue +++ b/src/views/inputtext/InputTextDoc.vue @@ -57,16 +57,24 @@ import InputText from 'primevue/inputtext';
    - - - - + + + + - - - - + + + + + + + + + + + +
    NameElement
    NameElement
    p-inputtextInput element
    p-inputtextInput element
    p-inputtext-smSmaller input element
    p-inputtext-lgLarger input element
    diff --git a/src/views/treetable/TreeTableDoc.vue b/src/views/treetable/TreeTableDoc.vue index 9a7dc78b1..f39f2cd42 100755 --- a/src/views/treetable/TreeTableDoc.vue +++ b/src/views/treetable/TreeTableDoc.vue @@ -736,6 +736,41 @@ export default { </template> </TreeTable> + + +

    Sizes

    +

    In addition to the regular table, a smal and a large version are available with different paddings. For a table + with smaller paddings use p-treetable-sm class and for a larger one use p-treetable-lg.

    + + +

    Pagination

    diff --git a/src/views/treetable/TreeTableSizeDemo.vue b/src/views/treetable/TreeTableSizeDemo.vue new file mode 100644 index 000000000..4e281e48c --- /dev/null +++ b/src/views/treetable/TreeTableSizeDemo.vue @@ -0,0 +1,120 @@ + + + \ No newline at end of file diff --git a/src/views/treetable/TreeTableSubMenu.vue b/src/views/treetable/TreeTableSubMenu.vue index 7f371ff2b..366c14efb 100755 --- a/src/views/treetable/TreeTableSubMenu.vue +++ b/src/views/treetable/TreeTableSubMenu.vue @@ -3,6 +3,7 @@