From 83c81c582f3e5c3844f81f5418a999fca1dd2e91 Mon Sep 17 00:00:00 2001 From: cagataycivici Date: Fri, 19 Jun 2020 16:48:08 +0300 Subject: [PATCH] Theme update --- public/themes/arya-blue/theme.css | 91 +++++++++--------- public/themes/arya-green/theme.css | 91 +++++++++--------- public/themes/arya-orange/theme.css | 91 +++++++++--------- public/themes/arya-purple/theme.css | 91 +++++++++--------- public/themes/bootstrap4-dark/theme.css | 83 +++++----------- public/themes/bootstrap4-light/theme.css | 83 +++++----------- public/themes/luna-amber/theme.css | 95 +++++++++---------- public/themes/luna-blue/theme.css | 95 +++++++++---------- public/themes/luna-green/theme.css | 95 +++++++++---------- public/themes/luna-pink/theme.css | 95 +++++++++---------- public/themes/nova-accent/theme.css | 95 +++++++++---------- public/themes/nova-alt/theme.css | 95 +++++++++---------- public/themes/nova-vue/theme.css | 95 +++++++++---------- public/themes/nova/theme.css | 95 +++++++++---------- public/themes/rhea/theme.css | 95 +++++++++---------- public/themes/saga-blue/theme.css | 105 +++++++++++---------- public/themes/saga-green/theme.css | 105 +++++++++++---------- public/themes/saga-orange/theme.css | 105 +++++++++++---------- public/themes/vela-blue/theme.css | 91 +++++++++--------- public/themes/vela-green/theme.css | 91 +++++++++--------- public/themes/vela-orange/theme.css | 91 +++++++++--------- public/themes/vela-purple/theme.css | 91 +++++++++--------- src/components/paginator/FirstPageLink.vue | 2 +- src/components/paginator/LastPageLink.vue | 2 +- src/components/paginator/NextPageLink.vue | 2 +- src/components/paginator/PrevPageLink.vue | 2 +- src/views/dialog/DialogDemo.vue | 68 ++++++------- src/views/dialog/DialogDoc.vue | 76 ++++++++------- 28 files changed, 1058 insertions(+), 1158 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 28f08e143..e5783bdc8 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #383838; + border: solid #383838; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1e1e1e; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #121212; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #121212; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 01b517cc3..5a3d4799f 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #383838; + border: solid #383838; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1e1e1e; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #121212; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #121212; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 9d871110d..d104bc2ac 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #383838; + border: solid #383838; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1e1e1e; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #121212; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #121212; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 64f8aa2c5..b660dd412 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #E1BEE7; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #383838; + border: solid #383838; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1e1e1e; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #121212; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #121212; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #383838; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #E1BEE7; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1e1e1e; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/bootstrap4-dark/theme.css b/public/themes/bootstrap4-dark/theme.css index 96d5fa9f7..d037e822c 100644 --- a/public/themes/bootstrap4-dark/theme.css +++ b/public/themes/bootstrap4-dark/theme.css @@ -1338,11 +1338,11 @@ } .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0; border-radius: 0; } .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-datatable .p-datatable-header { @@ -1351,8 +1351,6 @@ border: solid #3c3c3c; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 2px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1529,11 +1525,11 @@ } .p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0; border-radius: 0; } .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-dataview .p-dataview-header { @@ -1542,8 +1538,6 @@ border: solid #3c3c3c; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #3c3c3c; + border: 1px solid #3c3c3c; + border-width: 1px 0 0 0; } .p-dataview .p-dataview-footer { background: rgba(255, 255, 255, 0.6); @@ -1775,7 +1770,7 @@ .p-paginator { background: #222222; color: #8dd0ff; - border: none; + border: solid #3c3c3c; border-width: 0; padding: 0.75rem; border-radius: 4px; @@ -1789,7 +1784,7 @@ color: #8dd0ff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; transition: box-shadow 0.15s; border-radius: 0; } @@ -1801,8 +1796,15 @@ border-color: #3c3c3c; color: #8dd0ff; } +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.625rem; } @@ -1815,7 +1817,8 @@ color: #8dd0ff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1823,7 +1826,7 @@ color: #8dd0ff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; transition: box-shadow 0.15s; border-radius: 0; } @@ -1981,11 +1984,11 @@ } .p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0; border-radius: 0; } .p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-treetable .p-treetable-header { @@ -1994,8 +1997,6 @@ border: solid #3c3c3c; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -3822,44 +3821,6 @@ } /* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-inputtext, -.p-checkbox .p-checkbox-box, -.p-radiobutton .p-radiobutton-box { - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.p-button, .p-selectbutton .p-button, .p-togglebutton.p-button { - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition: transform 0.15s; -} - -.p-paginator .p-paginator-first { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - margin-left: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-paginator .p-paginator-current { - padding: 0 0.25rem; - margin-left: -1px; -} -.p-paginator .p-paginator-element, .p-paginator .p-paginator-pages .p-paginator-page { - margin-left: -1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable .p-datatable-header + .p-paginator-top { - border-top: 1px solid #dee2e6; -} - .p-breadcrumb .p-breadcrumb-chevron { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } diff --git a/public/themes/bootstrap4-light/theme.css b/public/themes/bootstrap4-light/theme.css index c84042982..cadcd361c 100644 --- a/public/themes/bootstrap4-light/theme.css +++ b/public/themes/bootstrap4-light/theme.css @@ -1338,11 +1338,11 @@ } .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-datatable .p-datatable-header { @@ -1351,8 +1351,6 @@ border: solid #dee2e6; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 2px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1529,11 +1525,11 @@ } .p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-dataview .p-dataview-header { @@ -1542,8 +1538,6 @@ border: solid #dee2e6; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid rgba(0, 0, 0, 0.125); + border: 1px solid rgba(0, 0, 0, 0.125); + border-width: 1px 0 0 0; } .p-dataview .p-dataview-footer { background: rgba(0, 0, 0, 0.03); @@ -1775,7 +1770,7 @@ .p-paginator { background: #ffffff; color: #007bff; - border: none; + border: solid rgba(0, 0, 0, 0.125); border-width: 0; padding: 0.75rem; border-radius: 4px; @@ -1789,7 +1784,7 @@ color: #007bff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; transition: box-shadow 0.15s; border-radius: 0; } @@ -1801,8 +1796,15 @@ border-color: #dee2e6; color: #007bff; } +.p-paginator .p-paginator-first { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.625rem; } @@ -1815,7 +1817,8 @@ color: #007bff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: #ffffff; @@ -1823,7 +1826,7 @@ color: #007bff; min-width: 2.625rem; height: 2.625rem; - margin: 0; + margin: 0 0 0 -1px; transition: box-shadow 0.15s; border-radius: 0; } @@ -1981,11 +1984,11 @@ } .p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; + border-width: 1px 0 0 0; border-radius: 0; } .p-treetable .p-treetable-header { @@ -1994,8 +1997,6 @@ border: solid #dee2e6; border-width: 1px 0 0 0; padding: 1rem 1rem; - border-top-left-radius: 4px; - border-top-right-radius: 4px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -3822,44 +3821,6 @@ } /* Vendor extensions to the designer enhanced bootstrap compatibility */ -.p-inputtext, -.p-checkbox .p-checkbox-box, -.p-radiobutton .p-radiobutton-box { - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.p-button, .p-selectbutton .p-button, .p-togglebutton.p-button { - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -} - -.p-inputswitch .p-inputswitch-slider:before { - transition: transform 0.15s; -} - -.p-paginator .p-paginator-first { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - margin-left: 0; -} -.p-paginator .p-paginator-last { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -.p-paginator .p-paginator-current { - padding: 0 0.25rem; - margin-left: -1px; -} -.p-paginator .p-paginator-element, .p-paginator .p-paginator-pages .p-paginator-page { - margin-left: -1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px 1px 2px 1px; -} -.p-datatable .p-datatable-header + .p-paginator-top { - border-top: 1px solid #dee2e6; -} - .p-breadcrumb .p-breadcrumb-chevron { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 75efddd09..3d0a6caeb 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #585858; + border: 1px solid #585858; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #323232; @@ -1696,7 +1691,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #4c4c4c; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #191919; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index e2a42a6a0..1024d4052 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #585858; + border: 1px solid #585858; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #323232; @@ -1696,7 +1691,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #4c4c4c; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #191919; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 142422261..6208b8686 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #585858; + border: 1px solid #585858; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #323232; @@ -1696,7 +1691,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #4c4c4c; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #191919; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 786f61c19..118437c5f 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #585858; + border: 1px solid #585858; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #323232; @@ -1696,7 +1691,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #4c4c4c; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #dedede; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #191919; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #191919; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #dedede; background: #252525; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #323232; color: #dedede; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: white; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #dedede; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #191919; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #191919; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #dedede; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index c94646124..8a243412d 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #007ad9; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #007ad9; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #d8dae2; + border: 1px solid #d8dae2; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #ffffff; @@ -1696,7 +1691,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #333333; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #007ad9; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #007ad9; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #ffffff; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #007ad9; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 349b055aa..1b355d452 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #333333; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #333333; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #d8dae2; + border: 1px solid #d8dae2; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #ffffff; @@ -1696,7 +1691,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #333333; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #333333; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #333333; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #ffffff; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #333333; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 5b71aeb8d..3f16b90e8 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #c2e9d8; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #d8dae2; + border: 1px solid #d8dae2; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #ffffff; @@ -1696,7 +1691,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #333333; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #c2e9d8; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #f4f4f4; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #f4f4f4; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index dde2c92cd..529c08d58 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #333333; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #d8dae2; + border: 1px solid #d8dae2; + border-width: 1px; } .p-dataview .p-dataview-footer { background: #ffffff; @@ -1696,7 +1691,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #333333; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #333333; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #c8c8c8; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #c8c8c8; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #333333; background: #f4f4f4; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #333333; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #8dcdff; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #f4f4f4; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #333333; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #f4f4f4; font-weight: 700; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #333333; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 1050ca0dc..e17686f2f 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #385048; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #666666; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.429rem 0.857rem; border: 0 none; color: #666666; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #666666; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 2px; - border-top-right-radius: 2px; font-weight: 700; } .p-datatable .p-datatable-footer { @@ -1362,18 +1360,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #666666; background: #ffffff; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #666666; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #e4e9ec; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 2px; - border-top-right-radius: 2px; font-weight: 700; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #dadada; + border: 1px solid #dadada; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #ffffff; @@ -1696,7 +1691,7 @@ border: 0 none; color: #666666; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f4; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #666666; } +.p-paginator .p-paginator-first { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #666666; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f4f4f4; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.429rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #7B95A3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; - border-top-left-radius: 2px; - border-top-right-radius: 2px; font-weight: 700; } .p-treetable .p-treetable-footer { @@ -2005,18 +2006,16 @@ border-width: 0 1px 1px 1px; padding: 0.571rem 1rem; font-weight: normal; - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 0.571rem 0.857rem; border: 1px solid #dadada; - border-width: 1px; + border-width: 1px 1px 1px 1px; font-weight: 700; color: #666666; background: #ffffff; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #666666; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #e4e9ec; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #7B95A3; font-weight: 700; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2253,13 +2252,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 0.857rem 1rem; color: #ffffff; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2347,7 +2346,7 @@ font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2587,7 +2586,7 @@ padding: 0.571rem 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2624,7 +2623,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2688,7 +2687,7 @@ padding: 0.857rem; color: #666666; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2739,7 +2738,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2818,7 +2817,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2877,7 +2876,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2911,7 +2910,7 @@ padding: 0.857rem; color: #666666; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2994,7 +2993,7 @@ width: 2rem; height: 2rem; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1rem; @@ -3033,7 +3032,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3117,7 +3116,7 @@ background: #7B95A3; font-weight: 700; border-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3166,7 +3165,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3208,7 +3207,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; background: #ffffff; } @@ -3268,7 +3267,7 @@ font-weight: 700; border-top-right-radius: 2px; border-top-left-radius: 2px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3302,7 +3301,7 @@ padding: 0.857rem; color: #666666; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3659,7 +3658,7 @@ color: #aeb6bf; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 1472f8b72..f380c0aef 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1338,7 +1338,7 @@ } .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { @@ -1349,10 +1349,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1529,7 +1525,7 @@ } .p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { @@ -1540,10 +1536,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #e9ecef; + border: solid #e9ecef; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; @@ -1696,7 +1691,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #495057; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1981,7 +1984,7 @@ } .p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { @@ -1992,10 +1995,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,8 +2363,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; @@ -2604,7 +2604,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2641,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2705,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2756,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2835,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2894,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2928,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3011,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3050,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3134,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3183,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3242,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3302,8 +3302,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; @@ -3336,7 +3337,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3694,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 7554ccf7d..aee44098d 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1338,7 +1338,7 @@ } .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { @@ -1349,10 +1349,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1529,7 +1525,7 @@ } .p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { @@ -1540,10 +1536,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #e9ecef; + border: solid #e9ecef; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; @@ -1696,7 +1691,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #495057; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1981,7 +1984,7 @@ } .p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { @@ -1992,10 +1995,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,8 +2363,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; @@ -2604,7 +2604,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2641,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2705,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2756,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2835,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2894,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2928,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3011,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3050,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3134,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3183,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3242,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3302,8 +3302,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; @@ -3336,7 +3337,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3694,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 7724d53b2..dd85f789a 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: #495057; background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1338,7 +1338,7 @@ } .p-datatable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { @@ -1349,10 +1349,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1529,7 +1525,7 @@ } .p-dataview .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { @@ -1540,10 +1536,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #e9ecef; + border: solid #e9ecef; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; @@ -1696,7 +1691,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1790,7 +1785,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: #495057; } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.357rem; } @@ -1816,6 +1818,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: #495057; background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1981,7 +1984,7 @@ } .p-treetable .p-paginator-top { - border-width: 1px 0 1px 0; + border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { @@ -1992,10 +1995,8 @@ background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; - border-width: 0 0 1px 0; + border-width: 1px 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: #495057; background: #f8f9fa; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,8 +2363,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; @@ -2604,7 +2604,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2641,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2705,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2756,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2835,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2894,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2928,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3011,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3050,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3134,7 @@ background: #f8f9fa; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3183,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3242,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: #ffffff; } @@ -3302,8 +3302,9 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; + border-color: transparent transparent #dee2e6 transparent; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; @@ -3336,7 +3337,7 @@ padding: 0.75rem 1rem; color: #495057; border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3694,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 6a14885d1..2df7ad330 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #304562; + border: solid #304562; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1f2d40; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #17212f; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #17212f; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #BBDEFB; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 029684701..6fb002ca8 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #304562; + border: solid #304562; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1f2d40; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #17212f; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #17212f; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #C8E6C9; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 58a249a9b..f6e5d6136 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #212529; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #304562; + border: solid #304562; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1f2d40; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #17212f; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #17212f; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #FFECB3; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 4312eb8a8..242e98317 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -199,7 +199,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 50%; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datepicker table td > span.p-highlight { color: #ffffff; @@ -258,7 +258,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { @@ -473,7 +473,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { @@ -747,7 +747,7 @@ padding: 0.5rem 1rem; border: 0 none; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { @@ -847,7 +847,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { @@ -1351,8 +1351,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-datatable .p-datatable-footer { @@ -1362,8 +1360,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-datatable .p-datatable-thead > tr > th { text-align: left; @@ -1373,7 +1369,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; @@ -1417,7 +1413,7 @@ .p-datatable .p-datatable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #E1BEE7; } .p-datatable .p-datatable-tbody > tr > td { @@ -1476,7 +1472,7 @@ border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { - border-width: 1px; + border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px; @@ -1542,8 +1538,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-dataview .p-dataview-content { @@ -1553,7 +1547,8 @@ padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { - border-bottom: 1px solid #304562; + border: solid #304562; + border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #1f2d40; @@ -1696,7 +1691,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #17212f; @@ -1790,7 +1785,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, @@ -1801,8 +1796,15 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } +.p-paginator .p-paginator-first { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.p-paginator .p-paginator-last { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} .p-paginator .p-dropdown { - border: 0 none; margin-left: 0.5rem; height: 2.286em; } @@ -1816,6 +1818,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; + padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; @@ -1824,7 +1827,7 @@ min-width: 2.286em; height: 2.286em; margin: 0.143rem; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { @@ -1868,7 +1871,7 @@ border: 0 none; color: rgba(255, 255, 255, 0.87); background: transparent; - transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; + transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #17212f; @@ -1924,7 +1927,7 @@ } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; padding: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { @@ -1994,8 +1997,6 @@ border: 1px solid #304562; border-width: 0 0 1px 0; padding: 1rem 1rem; - border-top-left-radius: 3px; - border-top-right-radius: 3px; font-weight: 600; } .p-treetable .p-treetable-footer { @@ -2005,8 +2006,6 @@ border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .p-treetable .p-treetable-thead > tr > th { text-align: left; @@ -2016,7 +2015,7 @@ font-weight: 600; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; @@ -2060,7 +2059,7 @@ .p-treetable .p-treetable-tbody > tr { background: #1f2d40; color: rgba(255, 255, 255, 0.87); - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; outline-color: #E1BEE7; } .p-treetable .p-treetable-tbody > tr > td { @@ -2169,7 +2168,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; @@ -2270,13 +2269,13 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; @@ -2364,7 +2363,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { @@ -2604,7 +2603,7 @@ padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { @@ -2641,7 +2640,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { @@ -2705,7 +2704,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -2756,7 +2755,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { @@ -2835,7 +2834,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { @@ -2894,7 +2893,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { @@ -2928,7 +2927,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3011,7 +3010,7 @@ width: 2.5rem; height: 2.5rem; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button i { font-size: 1.5rem; @@ -3050,7 +3049,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { @@ -3134,7 +3133,7 @@ background: #1f2d40; font-weight: 600; border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; @@ -3183,7 +3182,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { @@ -3242,7 +3241,7 @@ .p-steps .p-steps-item .p-menuitem-link { background: transparent; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; background: transparent; } @@ -3302,7 +3301,7 @@ font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { @@ -3336,7 +3335,7 @@ padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { @@ -3693,7 +3692,7 @@ color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { - transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; diff --git a/src/components/paginator/FirstPageLink.vue b/src/components/paginator/FirstPageLink.vue index 8b457a7da..1621aa1e8 100755 --- a/src/components/paginator/FirstPageLink.vue +++ b/src/components/paginator/FirstPageLink.vue @@ -1,6 +1,6 @@