From be2f2acb38842d1928c67b0e07ce464280c063ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Fri, 31 Mar 2023 16:42:19 +0300 Subject: [PATCH] Fixed #3820 - Panel: Footer Templating --- api-generator/components/panel.js | 12 ++++++++---- components/lib/panel/Panel.d.ts | 8 ++++++++ components/lib/panel/Panel.vue | 3 +++ public/themes/arya-blue/theme.css | 6 +++++- public/themes/arya-green/theme.css | 6 +++++- public/themes/arya-orange/theme.css | 6 +++++- public/themes/arya-purple/theme.css | 6 +++++- public/themes/bootstrap4-dark-blue/theme.css | 6 +++++- public/themes/bootstrap4-dark-purple/theme.css | 6 +++++- public/themes/bootstrap4-light-blue/theme.css | 6 +++++- public/themes/bootstrap4-light-purple/theme.css | 6 +++++- public/themes/fluent-light/theme.css | 6 +++++- public/themes/lara-dark-blue/theme.css | 6 +++++- public/themes/lara-dark-indigo/theme.css | 6 +++++- public/themes/lara-dark-purple/theme.css | 6 +++++- public/themes/lara-dark-teal/theme.css | 6 +++++- public/themes/lara-light-blue/theme.css | 6 +++++- public/themes/lara-light-indigo/theme.css | 6 +++++- public/themes/lara-light-purple/theme.css | 6 +++++- public/themes/lara-light-teal/theme.css | 6 +++++- public/themes/luna-amber/theme.css | 6 +++++- public/themes/luna-blue/theme.css | 6 +++++- public/themes/luna-green/theme.css | 6 +++++- public/themes/luna-pink/theme.css | 6 +++++- public/themes/md-dark-deeppurple/theme.css | 6 +++++- public/themes/md-dark-indigo/theme.css | 6 +++++- public/themes/md-light-deeppurple/theme.css | 6 +++++- public/themes/md-light-indigo/theme.css | 6 +++++- public/themes/mdc-dark-deeppurple/theme.css | 6 +++++- public/themes/mdc-dark-indigo/theme.css | 6 +++++- public/themes/mdc-light-deeppurple/theme.css | 6 +++++- public/themes/mdc-light-indigo/theme.css | 6 +++++- public/themes/mira/theme.css | 6 +++++- public/themes/nano/theme.css | 6 +++++- public/themes/nova-accent/theme.css | 6 +++++- public/themes/nova-alt/theme.css | 6 +++++- public/themes/nova-vue/theme.css | 6 +++++- public/themes/nova/theme.css | 6 +++++- public/themes/rhea/theme.css | 6 +++++- public/themes/saga-blue/theme.css | 6 +++++- public/themes/saga-green/theme.css | 6 +++++- public/themes/saga-orange/theme.css | 6 +++++- public/themes/saga-purple/theme.css | 6 +++++- public/themes/soho-dark/theme.css | 6 +++++- public/themes/soho-light/theme.css | 6 +++++- public/themes/tailwind-light/theme.css | 6 +++++- public/themes/vela-blue/theme.css | 6 +++++- public/themes/vela-green/theme.css | 6 +++++- public/themes/vela-orange/theme.css | 6 +++++- public/themes/vela-purple/theme.css | 6 +++++- public/themes/viva-dark/theme.css | 6 +++++- public/themes/viva-light/theme.css | 6 +++++- 52 files changed, 264 insertions(+), 53 deletions(-) diff --git a/api-generator/components/panel.js b/api-generator/components/panel.js index 909ee3301..9cb255158 100644 --- a/api-generator/components/panel.js +++ b/api-generator/components/panel.js @@ -53,16 +53,20 @@ const PanelEvents = [ const PanelSlots = [ { name: 'header', - description: "Custom content for the component's header" + description: "Custom content for the component's header." }, { name: 'icons', - description: "Custom content for the header's icon" + description: "Custom content for the header's icon." }, { name: 'headericon', - description: 'Custom header icon template of panel' - } + description: "Custom content for the component's header icon." + }, + { + name: 'fooetr', + description: "Custom content for the component's footer." + }, ]; module.exports = { diff --git a/components/lib/panel/Panel.d.ts b/components/lib/panel/Panel.d.ts index 63e323032..ca944d243 100755 --- a/components/lib/panel/Panel.d.ts +++ b/components/lib/panel/Panel.d.ts @@ -72,6 +72,10 @@ export interface PanelPassThroughOptions { * Uses to pass attributes to the content's DOM element. */ content?: PanelPassThroughOptionType; + /** + * Uses to pass attributes to the footer's DOM element. + */ + footer?: PanelPassThroughOptionType; } /** @@ -148,6 +152,10 @@ export interface PanelSlots { */ collapsed: boolean; }): VNode[]; + /** + * Custom footer template. + */ + footer(): VNode[]; } /** diff --git a/components/lib/panel/Panel.vue b/components/lib/panel/Panel.vue index e2afbca46..af4f2ed2d 100755 --- a/components/lib/panel/Panel.vue +++ b/components/lib/panel/Panel.vue @@ -31,6 +31,9 @@
+
+ +
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 4eb3a4276..b16edaed2 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 99b3d5e88..a17bb8a2d 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index b62d83377..ede93d6bd 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index ddb35318b..12aeeef69 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 8951ac51f..b443c612b 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -3998,15 +3998,19 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 84b4006e0..89e74b198 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -3998,15 +3998,19 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 122516dcf..5ffc18aa2 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -3998,15 +3998,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 6648afec7..ccb3d515d 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -3998,15 +3998,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 6a02385f6..765e98dd0 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #a19f9d; background: #ffffff; color: #323130; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #a19f9d; background: #ffffff; color: #323130; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; border-top: 0 none; } diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 2b47b87c3..0af27260b 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 65fd6dde3..9df1f1225 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 2ed25014d..9cc1e66f4 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index d098b15cb..f5bfa7339 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #0b213f; background: #071426; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 5c8967c28..6c8cd55db 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 4fe21a8a4..18ec05158 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index bb78a9d0f..9574f820d 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 950534ea8..ad75d4e9b 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 8fb2d484c..55243e8fa 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 6a6cdccc5..2d4cb95a1 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 335d78b48..b331219f7 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index d689afdef..4524e28e2 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #191919; background: #323232; color: #dedede; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 88af57d0e..fc4048f95 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 1ccd381ae..aaf75fe50 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index bc9191b34..f24c7c892 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 4760277f9..9b3f8d966 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 4f1f6aa50..ef36a95f0 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index a696f864a..b50c2dc55 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index cb439ea1e..3757884a3 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 655033737..2f75c560f 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -4010,15 +4010,19 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 94702a06e..ac38234f2 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -4014,15 +4014,19 @@ border: 1px solid #E5E9F0; background: #ffffff; color: #4C566A; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #E5E9F0; background: #ffffff; color: #4C566A; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; border-top: 0 none; } diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 4a3845266..5b5f2f01f 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; + border-bottom-right-radius: 1px; + border-bottom-left-radius: 1px; border-top: 0 none; } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 8816d791b..4fa20c079 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index be9aef6fe..d93ab84d9 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 04a3820b9..4d02bc2f9 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index e2dbb1981..d4b939b66 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -3973,15 +3973,19 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 7fc777c9f..3e875d04c 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -3961,15 +3961,19 @@ border: 1px solid #dadada; background: #ffffff; color: #666666; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; border-top: 0 none; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index da3d7226c..7269b8918 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 5605dd925..8e46c62f3 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 9afba134c..4a0332da2 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index c17417fc8..ac63e0f63 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 24c5a7bd0..d0dcda264 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -3985,15 +3985,19 @@ border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index effaf28e9..a17539123 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -3985,15 +3985,19 @@ border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 4ab3df956..771793e72 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -4021,15 +4021,19 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; border-top: 0 none; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 03d54e2a6..60a0006fa 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index b8b639db1..d1be325e7 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 9755f607c..720cf385b 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 57d26aafb..21c8e89cf 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -3986,15 +3986,19 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; border-top: 0 none; } diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 3a0bd895e..606e96d55 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -4018,15 +4018,19 @@ border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; } diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 9ee293a78..1974e76c4 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -4018,15 +4018,19 @@ border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; + border-top: 0 none; +} +.p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; - border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; border-top: 0 none; }