From 1c1d5d002f6070412b90735a12d700f44751acbb 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: Mon, 24 Oct 2022 15:33:28 +0300 Subject: [PATCH] Refactor #3111 - FileUpload: Templating for advance upload && theme updates --- public/themes/arya-blue/theme.css | 81 ++--- public/themes/arya-green/theme.css | 81 ++--- public/themes/arya-orange/theme.css | 81 ++--- public/themes/arya-purple/theme.css | 81 ++--- public/themes/bootstrap4-dark-blue/theme.css | 81 ++--- .../themes/bootstrap4-dark-purple/theme.css | 81 ++--- public/themes/bootstrap4-light-blue/theme.css | 79 +++-- .../themes/bootstrap4-light-purple/theme.css | 79 +++-- public/themes/fluent-light/theme.css | 81 ++--- public/themes/lara-dark-blue/theme.css | 79 +++-- public/themes/lara-dark-indigo/theme.css | 79 +++-- public/themes/lara-dark-purple/theme.css | 79 +++-- public/themes/lara-dark-teal/theme.css | 79 +++-- public/themes/lara-light-blue/theme.css | 77 +++-- public/themes/lara-light-indigo/theme.css | 77 +++-- public/themes/lara-light-purple/theme.css | 77 +++-- public/themes/lara-light-teal/theme.css | 77 +++-- public/themes/luna-amber/theme.css | 81 ++--- public/themes/luna-blue/theme.css | 81 ++--- public/themes/luna-green/theme.css | 81 ++--- public/themes/luna-pink/theme.css | 81 ++--- public/themes/md-dark-deeppurple/theme.css | 81 ++--- public/themes/md-dark-indigo/theme.css | 81 ++--- public/themes/md-light-deeppurple/theme.css | 81 ++--- public/themes/md-light-indigo/theme.css | 81 ++--- public/themes/mdc-dark-deeppurple/theme.css | 81 ++--- public/themes/mdc-dark-indigo/theme.css | 81 ++--- public/themes/mdc-light-deeppurple/theme.css | 81 ++--- public/themes/mdc-light-indigo/theme.css | 81 ++--- public/themes/nova-accent/theme.css | 81 ++--- public/themes/nova-alt/theme.css | 81 ++--- public/themes/nova-vue/theme.css | 81 ++--- public/themes/nova/theme.css | 81 ++--- public/themes/rhea/theme.css | 81 ++--- public/themes/saga-blue/theme.css | 79 +++-- public/themes/saga-green/theme.css | 79 +++-- public/themes/saga-orange/theme.css | 79 +++-- public/themes/saga-purple/theme.css | 79 +++-- public/themes/tailwind-light/theme.css | 81 ++--- public/themes/vela-blue/theme.css | 81 ++--- public/themes/vela-green/theme.css | 81 ++--- public/themes/vela-orange/theme.css | 81 ++--- public/themes/vela-purple/theme.css | 81 ++--- src/components/calendar/Calendar.vue | 7 +- src/components/fileupload/FileContent.vue | 2 +- src/views/fileupload/FileUploadDemo.vue | 4 +- src/views/fileupload/FileUploadDoc.vue | 301 +++++++----------- src/views/paginator/PaginatorDoc.vue | 12 +- 48 files changed, 2055 insertions(+), 1718 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 5f00f78128..1e9facc780 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #383838; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 2942ad0a67..63cd51c68c 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #383838; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 16d343b85b..0199d07b96 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #383838; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index d0c8c1e5bd..80d763ffd4 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #383838; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 6c51ba19ad..8b946c1ce0 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -4292,9 +4292,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4309,10 +4307,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #3f4b5b; + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4525,36 +4534,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.6); - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4634,6 +4613,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 78168251d5..373f9887f4 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -4292,9 +4292,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4309,10 +4307,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #3f4b5b; + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4525,36 +4534,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.6); - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4634,6 +4613,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 65581a2d93..a41d099669 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -4292,9 +4292,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4309,10 +4307,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4525,36 +4534,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.5); - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.7); - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4634,6 +4613,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 2767442bf6..f2f12c1d81 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -4292,9 +4292,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4309,10 +4307,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4525,36 +4534,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.5); - transition: box-shadow 0.15s; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.7); - background: transparent; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4634,6 +4613,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.7); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.7); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 4a0ebb625f..5fcec0855f 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #edebe9; + border-radius: 2px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 2px; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #323130; - transition: box-shadow 0.2s; - border-radius: 2px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 0.5rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #0078d4; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #323130; - background: #f3f2f1; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #323130; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #0078d4; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #323130; + transition: box-shadow 0.2s; + border-radius: 2px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 0.5rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #323130; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #0078d4; +} .p-menu { padding: 0; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 55dcbb408d..7134107a07 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #0b213f; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index a754099f9b..84af8ced25 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #0b213f; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index d2bc528b73..e5c1e4cc87 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #0b213f; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index 3b04b92090..d4941b6478 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; + border: 1px solid #0b213f; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 8db87c3826..7fd6cd5622 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index 04a57d0c38..86fe99bcc5 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index cf6ce84627..cfef9e3823 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index a48dc54991..2255e5b62a 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 6px; border-top-left-radius: 6px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; border-radius: 6px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 6px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1.25rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 6px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index b78f990bb6..9d15009cb8 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #4b4b4b; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #dedede; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #dedede; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #dedede; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #dedede; - background: #4c4c4c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #dedede; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; +} .p-menu { padding: 0; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 2a0b341573..e56d6cbe18 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #4b4b4b; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #dedede; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #dedede; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #dedede; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #dedede; - background: #4c4c4c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #dedede; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; +} .p-menu { padding: 0; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 90a0060aaa..023a188297 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #4b4b4b; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #dedede; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #dedede; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #dedede; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #dedede; - background: #4c4c4c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #dedede; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; +} .p-menu { padding: 0; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 34f84f002a..5ec03a37c7 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #4b4b4b; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #dedede; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #dedede; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #dedede; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #dedede; - background: #4c4c4c; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #dedede; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #dedede; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; +} .p-menu { padding: 0; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index e3bdb175bf..e973598fb7 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 23e1b0a586..9711283ff4 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 414abfe58c..69f1741c46 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 4bd982bb42..85d5e0f0a2 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 7834927d98..2b37d39919 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 43eec60391..2d12a1dd90 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 2319092715..6a6bfaa050 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index a159451dce..0622a74742 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -4304,9 +4304,7 @@ border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4321,10 +4319,21 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: 4px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 4px; @@ -4537,36 +4546,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(0, 0, 0, 0.87); - transition: none; - border-radius: 4px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(0, 0, 0, 0.87); - background: rgba(0, 0, 0, 0.04); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4646,6 +4625,36 @@ width: 12.5rem; padding: 0.5rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); +} .p-menu { padding: 0.5rem 0; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index fc690fde3c..493920f87a 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #c8c8c8; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #333333; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #333333; - background: #eaeaea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #333333; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; +} .p-menu { padding: 0; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 3e96b4f869..12a1ceb2d3 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #c8c8c8; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #333333; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #333333; - background: #eaeaea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #333333; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; +} .p-menu { padding: 0; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 579119465f..c716a5d5fe 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #c8c8c8; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #333333; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #333333; - background: #eaeaea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #333333; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; +} .p-menu { padding: 0; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 7e6a14c6d9..5017dd682b 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -4267,9 +4267,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4284,10 +4282,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #c8c8c8; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4500,36 +4509,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #333333; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #333333; - background: #eaeaea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #333333; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #333333; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4609,6 +4588,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; +} .p-menu { padding: 0; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index be6ec85d19..bfaf29ba7e 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -4255,9 +4255,7 @@ border-bottom: 0 none; border-top-right-radius: 2px; border-top-left-radius: 2px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4272,10 +4270,21 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #dadada; + border-radius: 2px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4488,36 +4497,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #666666; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - border-radius: 2px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.857rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #666666; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #666666; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #666666; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #666666; - background: #eaeaea; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #666666; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #666666; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4597,6 +4576,36 @@ width: 12.5rem; padding: 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #666666; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #666666; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #666666; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #666666; +} .p-menu { padding: 0; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index f0ebbcfedc..ecb70f7695 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index db086e49f5..42aebe676a 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 39d7500520..ae585ece0b 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index ffb7044c76..7051507fb3 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; border: 1px solid #dee2e6; - border-radius: 6px; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #495057; - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #6c757d; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #495057; - background: #e9ecef; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #495057; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #6c757d; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 418131d3a7..daee2ecea1 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -4315,9 +4315,7 @@ border-bottom: 0 none; border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4332,10 +4330,21 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #e5e7eb; + border-radius: 0.375rem; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4548,36 +4557,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: #3f3f46; - transition: none; - border-radius: 0.375rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: #3f3f46; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: #71717A; - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: #18181B; - background: #f4f4f5; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: #18181B; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: #71717A; -} .p-megamenu .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -4657,6 +4636,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0.375rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717A; + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717A; + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181B; + background: #f4f4f5; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181B; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717A; +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 0dd04e9c0a..4ed9aa4667 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #304562; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 58522a96fc..3cccd70c7f 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #304562; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index d372fc82e3..98f128279f 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #304562; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 4ab0b9e90c..7655e78de8 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -4280,9 +4280,7 @@ border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; -} -.p-fileupload .p-fileupload-buttonbar .p-button { - margin-right: 0.5rem; + gap: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; @@ -4297,10 +4295,21 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } -.p-fileupload .p-fileupload-content .p-fileupload-content-item { +.p-fileupload .p-fileupload-file { padding: 1rem; - border: 1px solid #dee2e6; - border-radius: 6px; + border: 1px solid #304562; + border-radius: 3px; + gap: 0.5rem; + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file:last-child { + margin-bottom: 0; +} +.p-fileupload .p-fileupload-file-name { + margin-bottom: 0.5rem; +} +.p-fileupload .p-fileupload-file-size { + margin-right: 0.5rem; } .p-fileupload .p-progressbar { height: 0.25rem; @@ -4513,36 +4522,6 @@ .p-megamenu .p-megamenu-root-list { outline: 0 none; } -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { - color: rgba(255, 255, 255, 0.87); - transition: box-shadow 0.2s; - border-radius: 3px; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { - padding: 0.75rem 1rem; - user-select: none; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { - color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.03); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); -} -.p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); -} .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4622,6 +4601,36 @@ width: 12.5rem; padding: 0.25rem 0; } +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); +} .p-menu { padding: 0.25rem 0; diff --git a/src/components/calendar/Calendar.vue b/src/components/calendar/Calendar.vue index e670d0c802..fcc2f832bd 100755 --- a/src/components/calendar/Calendar.vue +++ b/src/components/calendar/Calendar.vue @@ -292,7 +292,7 @@ - {{ pm ? 'PM' : 'AM' }} + {{ pm ? $primevue.config.locale.pm : $primevue.config.locale.am }} @@ -1348,7 +1348,7 @@ export default { } if (this.hourFormat === '12') { - output += date.getHours() > 11 ? ' PM' : ' AM'; + output += date.getHours() > 11 ? ` ${this.$primevue.config.locale.pm}` : ` ${this.$primevue.config.locale.am}`; } return output; @@ -1759,7 +1759,8 @@ export default { throw 'Invalid Time'; } - this.pm = ampm === 'PM' || ampm === 'pm'; + //DEBUG: 2952 + this.pm = ampm === this.$primevue.config.locale.am || ampm === this.$primevue.config.locale.am.toLowerCase(); let time = this.parseTime(timeString); value.setHours(time.hour); diff --git a/src/components/fileupload/FileContent.vue b/src/components/fileupload/FileContent.vue index 154c4361e4..bed75e9e02 100644 --- a/src/components/fileupload/FileContent.vue +++ b/src/components/fileupload/FileContent.vue @@ -48,4 +48,4 @@ export default { } } }; - \ No newline at end of file + diff --git a/src/views/fileupload/FileUploadDemo.vue b/src/views/fileupload/FileUploadDemo.vue index 2ce2a580f2..5685ae1bbb 100755 --- a/src/views/fileupload/FileUploadDemo.vue +++ b/src/views/fileupload/FileUploadDemo.vue @@ -26,7 +26,9 @@ - {{ totalSize }}B / 1Mb + {{ totalSize }}B / 1Mb