From 1592e3a48bde6ffeff8057b05856cbaedfd74f22 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Wed, 13 May 2020 16:30:02 +0300 Subject: [PATCH] Refactored splitbutton and buttonset --- public/themes/luna-amber/theme.css | 40 ++++++++++---------- public/themes/luna-green/theme.css | 40 ++++++++++---------- public/themes/luna-pink/theme.css | 40 ++++++++++---------- public/themes/nova-colored/theme.css | 40 ++++++++++---------- public/themes/nova-dark/theme.css | 40 ++++++++++---------- public/themes/nova-light/theme.css | 40 ++++++++++---------- public/themes/nova-vue/theme.css | 40 ++++++++++---------- public/themes/rhea/theme.css | 40 ++++++++++---------- public/themes/saga-blue/theme.css | 40 ++++++++++---------- public/themes/saga-cyan/theme.css | 40 ++++++++++---------- public/themes/saga-deeppurple/theme.css | 40 ++++++++++---------- public/themes/saga-green/theme.css | 40 ++++++++++---------- public/themes/saga-indigo/theme.css | 40 ++++++++++---------- public/themes/saga-orange/theme.css | 40 ++++++++++---------- public/themes/saga-purple/theme.css | 40 ++++++++++---------- public/themes/saga-teal/theme.css | 40 ++++++++++---------- src/components/button/Button.css | 4 ++ src/components/selectbutton/SelectButton.vue | 8 +--- src/components/splitbutton/SplitButton.vue | 9 ++++- 19 files changed, 332 insertions(+), 329 deletions(-) diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index a045973c7..22c1f06ef 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffe8b3; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212121; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #212121; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #212121; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 7bac44c9f..bcde0d0e0 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #88e9aa; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212121; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #212121; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #212121; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index b85704402..e5a315b2d 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f1b6c8; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212121; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #212121; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #212121; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 985d68c6e..a26e165d2 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #333333; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #333333; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index fdc10eacb..f0bd7bfbc 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #333333; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #333333; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index 520c02252..f94eac5fa 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #333333; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #333333; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 81b4ea748..123bf8472 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f4f4f4; border: 1px solid #f4f4f4; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #c8c8c8; color: #333333; border-color: #c8c8c8; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #c2e9d8; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #a0a0a0; color: #333333; border-color: #a0a0a0; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #007ad9; border: 1px solid #007ad9; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #116fbf; color: #ffffff; border-color: #116fbf; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #8dcdff; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #005b9f; color: #ffffff; border-color: #005b9f; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #34A835; border: 1px solid #34A835; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #107D11; color: #ffffff; border-color: #107D11; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #aae5aa; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #0C6B0D; color: #ffffff; border-color: #0C6B0D; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #ffba01; border: 1px solid #ffba01; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #ED990B; color: #333333; border-color: #ED990B; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #ffeab4; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #D38B10; color: #333333; border-color: #D38B10; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #e91224; border: 1px solid #e91224; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c01120; color: #ffffff; border-color: #c01120; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #f9b4ba; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #a90000; color: #ffffff; border-color: #a90000; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 9ef6ca68b..815a3ddfe 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #333333; background: #f3f3f3; border: 1px solid #f3f3f3; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #d1d1d1; color: #212121; border-color: #d1d1d1; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #99adb8; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #7B95A3; color: #ffffff; border-color: #7B95A3; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #3D4447; background: #A3DEF8; border: 1px solid #79C8EB; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #81CBEC; color: #3D4447; border-color: #60B7DE; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #d2effc; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #3ea9db; color: #3D4447; border-color: #2987B1; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #323E39; background: #A3E2C6; border: 1px solid #80CAAA; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #80CAAA; color: #323E39; border-color: #5EA285; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #caeede; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #31B57C; color: #323E39; border-color: #5EA285; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #333333; background: #FEEDBC; border: 1px solid #F7DB8A; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #FFDE87; color: #333333; border-color: #F3CE61; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fef4d5; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #FDC328; color: #333333; border-color: #DEA818; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #262222; background: #F4B6B6; border: 1px solid #E38787; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #EF9999; color: #262222; border-color: #CB5858; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fbe2e2; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #EB5656; color: #262222; border-color: #B73737; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 6565ad082..6f82f58cd 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #1976D2; background: #ffffff; border: 1px solid #2196F3; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #1976D2; border-color: #1E88E5; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #BBDEFB; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #1976D2; border-color: #1976D2; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css index b47cf5b1f..47fba1c62 100644 --- a/public/themes/saga-cyan/theme.css +++ b/public/themes/saga-cyan/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #00838F; background: #ffffff; border: 1px solid #00ACC1; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #00838F; border-color: #0097A7; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #B2EBF2; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #00838F; border-color: #00838F; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css index ebe53e6b9..00672700b 100644 --- a/public/themes/saga-deeppurple/theme.css +++ b/public/themes/saga-deeppurple/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #512DA8; background: #ffffff; border: 1px solid #673AB7; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #512DA8; border-color: #5E35B1; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #D1C4E9; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #512DA8; border-color: #512DA8; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 0ed8bb2e6..d44e4a6df 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #388E3C; background: #ffffff; border: 1px solid #4CAF50; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #388E3C; border-color: #43A047; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #C8E6C9; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #388E3C; border-color: #388E3C; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css index a9c695a41..fc4e18f9e 100644 --- a/public/themes/saga-indigo/theme.css +++ b/public/themes/saga-indigo/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #303F9F; background: #ffffff; border: 1px solid #3F51B5; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #303F9F; border-color: #3949AB; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #C5CAE9; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #303F9F; border-color: #303F9F; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 0a5a9a845..3c02cb74f 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #FFA000; background: #ffffff; border: 1px solid #FFC107; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #FFA000; border-color: #FFB300; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FFECB3; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #FFA000; border-color: #FFA000; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index b89c58a2b..65a577444 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #7B1FA2; background: #ffffff; border: 1px solid #9C27B0; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #7B1FA2; border-color: #8E24AA; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #E1BEE7; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #7B1FA2; border-color: #7B1FA2; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css index 36d3bf9cf..3878a73a6 100644 --- a/public/themes/saga-teal/theme.css +++ b/public/themes/saga-teal/theme.css @@ -1133,96 +1133,96 @@ width: 2.357rem; } -.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button { +.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #00796B; background: #ffffff; border: 1px solid #009688; } -.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover { +.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #e9ecef; color: #00796B; border-color: #00897B; } -.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus { +.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #B2DFDB; } -.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active { +.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #dee2e6; color: #00796B; border-color: #00796B; } -.p-button.p-button-info, .p-buttonset.p-button-info > .p-button { +.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } -.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover { +.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #0277BD; color: #ffffff; border-color: #0277BD; } -.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus { +.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #81D4FA; } -.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active { +.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #01579B; color: #ffffff; border-color: #01579B; } -.p-button.p-button-success, .p-buttonset.p-button-success > .p-button { +.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } -.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover { +.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #558B2F; color: #ffffff; border-color: #558B2F; } -.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus { +.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #A5D6A7; } -.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active { +.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #33691E; color: #ffffff; border-color: #33691E; } -.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button { +.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } -.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover { +.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #F9A825; color: #212529; border-color: #F9A825; } -.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus { +.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #FDD835; } -.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active { +.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #F57F17; color: #212529; border-color: #F57F17; } -.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button { +.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } -.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover { +.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #C62828; color: #ffffff; border-color: #C62828; } -.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus { +.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #EF9A9A; } -.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active { +.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #B71C1C; color: #ffffff; border-color: #B71C1C; diff --git a/src/components/button/Button.css b/src/components/button/Button.css index 1bfd75a0f..b32826914 100755 --- a/src/components/button/Button.css +++ b/src/components/button/Button.css @@ -41,6 +41,10 @@ margin: 0; } +.p-buttonset .p-button:not(:last-child) { + border-right: 0 none; +} + .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { border-radius: 0; } diff --git a/src/components/selectbutton/SelectButton.vue b/src/components/selectbutton/SelectButton.vue index 106ee57e9..d0b6ff150 100755 --- a/src/components/selectbutton/SelectButton.vue +++ b/src/components/selectbutton/SelectButton.vue @@ -100,10 +100,4 @@ export default { } } } - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/components/splitbutton/SplitButton.vue b/src/components/splitbutton/SplitButton.vue index 90de20190..7c73b7e4e 100755 --- a/src/components/splitbutton/SplitButton.vue +++ b/src/components/splitbutton/SplitButton.vue @@ -1,5 +1,5 @@