diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 9c1c78f33..143e3ce4d 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #64B5F6; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #121212; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 29a4f3e4a..79796e143 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81C784; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #121212; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 9a7c0067e..9378a9981 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFD54F; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #121212; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index d53374e5f..c1c336bde 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #BA68C8; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #121212; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index ac7287dd5..ccb5a01d9 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -413,6 +413,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #151515; background: #8dd0ff; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -726,6 +732,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #151515; background: #8dd0ff; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -976,6 +988,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #151515; background: #8dd0ff; @@ -1119,7 +1137,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 4px; transition-duration: 0.15s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -1286,6 +1304,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #151515; background: #8dd0ff; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -1430,6 +1454,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #151515; background: #8dd0ff; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; - border-color: #8dd0ff; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #8dd0ff; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; border-color: #8dd0ff; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f19ea6; } @@ -2326,6 +2356,7 @@ background: #343e4d; color: #fff; outline-color: transparent; + transition: color 0.15s, box-shadow 0.15s; } .p-speeddial-action:hover { background: #3f4b5b; @@ -3053,6 +3084,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #151515; background: #8dd0ff; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4318,6 +4367,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4463,6 +4518,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4636,6 +4697,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4751,6 +4818,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4940,6 +5013,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -5143,6 +5222,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -5656,6 +5741,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index c0d560ee9..9be7feb46 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -413,6 +413,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #151515; background: #c298d8; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -726,6 +732,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #151515; background: #c298d8; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -976,6 +988,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #151515; background: #c298d8; @@ -1119,7 +1137,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 4px; transition-duration: 0.15s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -1286,6 +1304,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #151515; background: #c298d8; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -1430,6 +1454,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #151515; background: #c298d8; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; - border-color: #c298d8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #c298d8; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; border-color: #c298d8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f19ea6; } @@ -2326,6 +2356,7 @@ background: #343e4d; color: #fff; outline-color: transparent; + transition: color 0.15s, box-shadow 0.15s; } .p-speeddial-action:hover { background: #3f4b5b; @@ -3053,6 +3084,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #151515; background: #c298d8; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4318,6 +4367,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4463,6 +4518,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4636,6 +4697,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4751,6 +4818,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -4940,6 +5013,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -5143,6 +5222,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; @@ -5656,6 +5741,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index ecb80d051..b966abef9 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -413,6 +413,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007bff; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -726,6 +732,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007bff; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -976,6 +988,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #007bff; @@ -1119,7 +1137,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 4px; transition-duration: 0.15s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -1286,6 +1304,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #007bff; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -1430,6 +1454,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #007bff; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); - border-color: #007bff; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007bff; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); border-color: #007bff; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #dc3545; } @@ -2326,6 +2356,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: box-shadow 0.15s; } .p-speeddial-action:hover { background: #343a40; @@ -3053,6 +3084,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #007bff; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #212529; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4318,6 +4367,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4463,6 +4518,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4636,6 +4697,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4751,6 +4818,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4940,6 +5013,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -5143,6 +5222,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -5656,6 +5741,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: #dee2e6; color: #212529; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 215e5e25c..d1d131074 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -413,6 +413,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #883cae; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -726,6 +732,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #883cae; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -976,6 +988,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #883cae; @@ -1119,7 +1137,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 4px; transition-duration: 0.15s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -1286,6 +1304,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #883cae; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -1430,6 +1454,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #883cae; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); - border-color: #883cae; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #883cae; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); border-color: #883cae; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #dc3545; } @@ -2326,6 +2356,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: box-shadow 0.15s; } .p-speeddial-action:hover { background: #343a40; @@ -3053,6 +3084,12 @@ transition: box-shadow 0.15s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #883cae; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.15s, box-shadow 0.15s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #212529; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4318,6 +4367,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4463,6 +4518,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4636,6 +4697,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4751,6 +4818,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -4940,6 +5013,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -5143,6 +5222,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #212529; transition: box-shadow 0.15s; @@ -5656,6 +5741,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: #dee2e6; color: #212529; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 251f739fe..0970ad13b 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #323130; background: #edebe9; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #323130; background: #edebe9; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #323130; background: #edebe9; @@ -1115,7 +1133,7 @@ background: #605e5c; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #323130; background: #edebe9; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #323130; background: #edebe9; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #323130; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; - border-color: #0078d4; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #323130; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; border-color: #0078d4; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #a4252c; } @@ -2314,6 +2344,7 @@ background: #323130; color: #ffffff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #605e5c; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #323130; background: #edebe9; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f2f1; color: #323130; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f2f1; color: #323130; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #323130; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #323130; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4281,6 +4330,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -4426,6 +4481,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -4599,6 +4660,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -4714,6 +4781,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -4903,6 +4976,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -5082,6 +5161,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #323130; transition: box-shadow 0.2s; @@ -5595,6 +5680,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 2px; + } + .p-chip { background-color: #edebe9; color: #323130; diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index a4009f647..0f5a9af94 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); - border-color: #fbbf24; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #fbbf24; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); border-color: #fbbf24; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 7bed1cfdd..9f11031ef 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); - border-color: #60a5fa; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #60a5fa; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); border-color: #60a5fa; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index 041bc1774..f476b8b96 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); - border-color: #22d3ee; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #22d3ee; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); border-color: #22d3ee; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css index b286ba5ac..ef0a13795 100644 --- a/public/themes/lara-dark-green/theme.css +++ b/public/themes/lara-dark-green/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); - border-color: #34d399; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #34d399; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); border-color: #34d399; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index e28be9545..f58c08c72 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); - border-color: #818cf8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #818cf8; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); border-color: #818cf8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index 02d246d3a..6bab472e2 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); - border-color: #f472b6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #f472b6; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); border-color: #f472b6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index b1972f0b6..af333ebf8 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); - border-color: #a78bfa; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #a78bfa; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); border-color: #a78bfa; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index fc1082039..38c3d1ea5 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -1134,7 +1152,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); - border-color: #2dd4bf; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #2dd4bf; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); border-color: #2dd4bf; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #FCA5A5; } @@ -2333,6 +2363,7 @@ background: rgba(255, 255, 255, 0.87); color: #111827; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index c0d03fac5..de5c17609 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #b45309; background: #fffbeb; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #b45309; background: #fffbeb; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #b45309; background: #fffbeb; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #b45309; background: #fffbeb; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #b45309; background: #fffbeb; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; - border-color: #f59e0b; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #f59e0b; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; border-color: #f59e0b; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #b45309; background: #fffbeb; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index d9ea67129..401b80164 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3B82F6; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; border-color: #3B82F6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #1D4ED8; background: #EFF6FF; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index cc64226e3..e86c25c45 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; - border-color: #06b6d4; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #06b6d4; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; border-color: #06b6d4; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #0e7490; background: #ecfeff; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css index 7e1d064c9..3f38db5c4 100644 --- a/public/themes/lara-light-green/theme.css +++ b/public/themes/lara-light-green/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #047857; background: #F0FDFA; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #047857; background: #F0FDFA; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #047857; background: #F0FDFA; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #047857; background: #F0FDFA; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #047857; background: #F0FDFA; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; - border-color: #10b981; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #10b981; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; border-color: #10b981; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #047857; background: #F0FDFA; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index ee76d8aae..351d5737e 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #6366F1; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; border-color: #6366F1; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #4338CA; background: #EEF2FF; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index 9706b70b2..d6cbeb5a7 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; - border-color: #ec4899; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #ec4899; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; border-color: #ec4899; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #be185d; background: #fdf2f8; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index c3c41e62b..b9c624ba2 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #8B5CF6; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; border-color: #8B5CF6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #6D28D9; background: #F5F3FF; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 31b03f70b..ed0b91afc 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -376,7 +376,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -406,7 +406,7 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-autocomplete.p-invalid.p-component > .p-inputtext { @@ -432,6 +432,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -460,7 +466,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -700,7 +706,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -745,6 +751,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -829,7 +841,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -855,7 +867,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -871,7 +883,7 @@ border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: #d1d5db; + background: #e5e7eb; color: #4b5563; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -922,7 +934,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -991,6 +1003,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -1134,7 +1152,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1179,7 +1197,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -1301,6 +1319,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -1330,7 +1354,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -1350,7 +1374,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -1445,6 +1469,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -1563,7 +1593,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -1589,6 +1619,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4b5563; @@ -1604,9 +1635,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; - border-color: #14b8a6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #14b8a6; @@ -1712,7 +1742,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } @@ -1826,11 +1856,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; border-color: #14b8a6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e24c4c; } @@ -2333,6 +2363,7 @@ background: #4b5563; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3060,6 +3091,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #0f766e; background: #f0fdfa; @@ -3140,6 +3177,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3317,6 +3360,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3413,7 +3462,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3562,7 +3611,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4300,6 +4349,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4445,6 +4500,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4618,6 +4679,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4733,6 +4800,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -4922,6 +4995,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5101,6 +5180,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; transition: box-shadow 0.2s; @@ -5614,6 +5699,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #e5e7eb; color: #4b5563; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 06234a042..24d964a59 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #FFE082; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #FFE082; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -976,6 +988,12 @@ 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:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; background: #FFE082; @@ -1119,7 +1137,7 @@ background: #323232; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; background: #FFE082; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -1430,6 +1454,12 @@ 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:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; background: #FFE082; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #dedede; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFE082; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #FFE082; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e57373; } @@ -2326,6 +2356,7 @@ background: #474747; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #4d4d4d; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; background: #FFE082; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #4b4b4b; color: #dedede; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index df3c99076..d1f916861 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #81D4FA; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #81D4FA; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -976,6 +988,12 @@ 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:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; background: #81D4FA; @@ -1119,7 +1137,7 @@ background: #323232; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; background: #81D4FA; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -1430,6 +1454,12 @@ 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:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; background: #81D4FA; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #dedede; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81D4FA; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #81D4FA; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e57373; } @@ -2326,6 +2356,7 @@ background: #474747; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #4d4d4d; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; background: #81D4FA; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #4b4b4b; color: #dedede; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index b296894a7..78faeb05f 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #C5E1A5; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #C5E1A5; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -976,6 +988,12 @@ 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:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; background: #C5E1A5; @@ -1119,7 +1137,7 @@ background: #323232; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; background: #C5E1A5; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -1430,6 +1454,12 @@ 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:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; background: #C5E1A5; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #dedede; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #C5E1A5; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #C5E1A5; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e57373; } @@ -2326,6 +2356,7 @@ background: #474747; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #4d4d4d; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; background: #C5E1A5; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #4b4b4b; color: #dedede; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 3fcdba2f9..5016b7b14 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; background: #F48FB1; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; background: #F48FB1; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -976,6 +988,12 @@ 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:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; background: #F48FB1; @@ -1119,7 +1137,7 @@ background: #323232; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; background: #F48FB1; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -1430,6 +1454,12 @@ 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:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; background: #F48FB1; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #dedede; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #F48FB1; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem white; border-color: #F48FB1; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e57373; } @@ -2326,6 +2356,7 @@ background: #474747; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #4d4d4d; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; background: #F48FB1; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #dedede; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #4b4b4b; color: #dedede; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 5bd9971bb..59d355388 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1139,7 +1157,7 @@ background: #bdbdbd; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #CE93D8; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #CE93D8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #CE93D8; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44435; } @@ -2338,6 +2368,7 @@ background: #A5D6A7; color: #212121; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(165, 214, 167, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 8196364d2..19e63e360 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1139,7 +1157,7 @@ background: #bdbdbd; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #9FA8DA; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #9FA8DA; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9FA8DA; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44435; } @@ -2338,6 +2368,7 @@ background: #F48FB1; color: #212121; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(244, 143, 177, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 7d885c805..26215d8d0 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1139,7 +1157,7 @@ background: #ffffff; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #673AB7; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #673AB7; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #673AB7; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #B00020; } @@ -2338,6 +2368,7 @@ background: #4CAF50; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(76, 175, 80, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 0ce67bd08..ddb2a1fa0 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1139,7 +1157,7 @@ background: #ffffff; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #3F51B5; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #3F51B5; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3F51B5; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #B00020; } @@ -2338,6 +2368,7 @@ background: #ff4081; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 64, 129, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index b3cd90ab0..3ab606e96 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1139,7 +1157,7 @@ background: #bdbdbd; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #CE93D8; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #CE93D8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #CE93D8; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #CE93D8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44435; } @@ -2338,6 +2368,7 @@ background: #A5D6A7; color: #212121; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(165, 214, 167, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index b11b3eb44..fba49fd16 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1139,7 +1157,7 @@ background: #bdbdbd; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #9FA8DA; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #9FA8DA; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9FA8DA; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #9FA8DA; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44435; } @@ -2338,6 +2368,7 @@ background: #F48FB1; color: #212121; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(244, 143, 177, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 9c73fd126..3b889ef7f 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1139,7 +1157,7 @@ background: #ffffff; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #673AB7; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #673AB7; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #673AB7; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #673AB7; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #B00020; } @@ -2338,6 +2368,7 @@ background: #4CAF50; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(76, 175, 80, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 8680d267a..7fa8c8a96 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -437,6 +437,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -750,6 +756,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -996,6 +1008,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1139,7 +1157,7 @@ background: #ffffff; width: 1.5rem; height: 1.5rem; - transform: translateX(-1px); + left: -1px; margin-top: -0.75rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1306,6 +1324,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1450,6 +1474,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #3F51B5; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; - border-color: #3F51B5; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #3F51B5; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: none; border-color: #3F51B5; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #B00020; } @@ -2338,6 +2368,7 @@ background: #ff4081; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 64, 129, 0.92); @@ -3065,6 +3096,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(0, 0, 0, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4330,6 +4379,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4475,6 +4530,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4648,6 +4709,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4763,6 +4830,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -4952,6 +5025,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5155,6 +5234,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); transition: none; @@ -5668,6 +5753,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 246fce9d7..8ddbdecb7 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -385,7 +385,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -441,6 +441,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -469,7 +475,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -709,7 +715,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -754,6 +760,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -838,7 +850,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -864,7 +876,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -931,7 +943,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1000,6 +1012,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -1143,7 +1161,7 @@ background: #5E81AC; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1188,7 +1206,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1310,6 +1328,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -1339,7 +1363,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1359,7 +1383,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1454,6 +1478,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -1572,7 +1602,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1598,6 +1628,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #4C566A; @@ -1613,9 +1644,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #5E81AC; @@ -1721,7 +1751,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } @@ -1835,11 +1865,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; border-color: #81A1C1; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #BF616A; } @@ -2342,6 +2372,7 @@ background: #4C566A; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #3B4252; @@ -3069,6 +3100,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #2E3440; background: #D8DEE9; @@ -3149,6 +3186,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: transparent; color: #4C566A; @@ -3326,6 +3369,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: transparent; color: #4C566A; @@ -3422,7 +3471,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4C566A; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3571,7 +3620,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #4C566A; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4334,6 +4383,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -4479,6 +4534,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -4652,6 +4713,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -4767,6 +4834,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -4956,6 +5029,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -5159,6 +5238,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4C566A; transition: none; @@ -5672,6 +5757,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 4px; + } + .p-chip { background-color: #E5E9F0; color: #4C566A; diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 6f2674f8a..70c7ba22e 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 0.825rem; height: 0.825rem; - transform: translateX(0.165rem); + left: 0.165rem; margin-top: -0.4125rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #343a3f; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; - border-color: #1174c0; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #1174c0; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; border-color: #1174c0; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #d8222f; } @@ -2314,6 +2344,7 @@ background: #343a3f; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #21272a; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #44A1D9; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #dde1e6; color: #343a3f; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #dde1e6; color: #343a3f; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #343a3f; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #343a3f; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #343a3f; transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 1px; + } + .p-chip { background-color: #dee2e6; color: #343a3f; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 323918992..f55557dde 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #e02365; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #e02365; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -972,6 +984,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #e02365; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1282,6 +1300,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #e02365; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1426,6 +1450,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #e02365; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #333333; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; - border-color: #007ad9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #a80000; } @@ -2314,6 +2344,7 @@ background: #324249; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #222c31; @@ -3041,6 +3072,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #e02365; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4281,6 +4330,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4426,6 +4481,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4599,6 +4660,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4714,6 +4781,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4903,6 +4976,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5082,6 +5161,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5595,6 +5680,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #c8c8c8; color: #333333; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 9c5ff4012..f093c4dad 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007ad9; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007ad9; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -976,6 +988,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1119,7 +1137,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1430,6 +1454,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #333333; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; - border-color: #007ad9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #a80000; } @@ -2326,6 +2356,7 @@ background: #324249; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #222c31; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #007ad9; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #c8c8c8; color: #333333; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 3c4a274aa..6afa0d221 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #41b883; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #41b883; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -976,6 +988,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #41b883; @@ -1119,7 +1137,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #41b883; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -1430,6 +1454,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #41b883; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #333333; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; - border-color: #41b883; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #41b883; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; border-color: #41b883; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #a80000; } @@ -2326,6 +2356,7 @@ background: #324249; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #222c31; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #41b883; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #c8c8c8; color: #333333; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 7c98280a3..db191d71b 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; background: #007ad9; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; background: #007ad9; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -840,7 +852,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -907,7 +919,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -976,6 +988,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1119,7 +1137,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1164,7 +1182,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1286,6 +1304,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1315,7 +1339,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1335,7 +1359,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1430,6 +1454,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; background: #007ad9; @@ -1548,7 +1578,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1578,6 +1608,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #333333; @@ -1593,9 +1624,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; - border-color: #007ad9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #007ad9; @@ -1705,7 +1735,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } @@ -1819,11 +1849,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; border-color: #007ad9; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #a80000; } @@ -2326,6 +2356,7 @@ background: #324249; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #222c31; @@ -3053,6 +3084,12 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; background: #007ad9; @@ -3133,6 +3170,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3310,6 +3353,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3406,7 +3455,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3555,7 +3604,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #333333; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4293,6 +4342,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4438,6 +4493,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4611,6 +4672,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4726,6 +4793,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -4915,6 +4988,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5094,6 +5173,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; transition: background-color 0.2s, box-shadow 0.2s; @@ -5607,6 +5692,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #c8c8c8; color: #333333; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index f6ce4c333..4c297d5e7 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -413,6 +413,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #385048; background: #AFD3C8; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -726,6 +732,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #385048; background: #AFD3C8; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -972,6 +984,12 @@ 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:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #385048; background: #AFD3C8; @@ -1115,7 +1133,7 @@ background: #7B95A3; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -1282,6 +1300,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #385048; background: #AFD3C8; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -1426,6 +1450,12 @@ 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:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #385048; background: #AFD3C8; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #666666; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #7B95A3; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; border-color: #7B95A3; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #e7a3a3; } @@ -2314,6 +2344,7 @@ background: #324249; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #222c31; @@ -3041,6 +3072,12 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #385048; background: #AFD3C8; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f4; color: #666666; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f4f4f4; color: #666666; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #666666; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #666666; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4281,6 +4330,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4426,6 +4481,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4599,6 +4660,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4714,6 +4781,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -4903,6 +4976,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5082,6 +5161,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #666666; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -5595,6 +5680,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 2px; + } + .p-chip { background-color: #dadada; color: #666666; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index ff123b9b3..c2f661bb7 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E3F2FD; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E3F2FD; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E3F2FD; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #2196F3; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44336; } @@ -2314,6 +2344,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #343a40; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E3F2FD; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #dee2e6; color: #495057; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 6d7e3be8c..121d5b925 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E8F5E9; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E8F5E9; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E8F5E9; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E8F5E9; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E8F5E9; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #4CAF50; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; border-color: #4CAF50; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44336; } @@ -2314,6 +2344,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #343a40; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E8F5E9; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #dee2e6; color: #495057; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 766f420ad..86475a0a5 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #FFF3E0; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #FFF3E0; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #FFF3E0; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #FFF3E0; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #FFF3E0; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFC107; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; border-color: #FFC107; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44336; } @@ -2314,6 +2344,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #343a40; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #FFF3E0; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #dee2e6; color: #495057; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 5762da3f2..ee1cbfb09 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #F3E5F5; @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #F3E5F5; @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #F3E5F5; @@ -1115,7 +1133,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #F3E5F5; @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #F3E5F5; @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #495057; @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9C27B0; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; border-color: #9C27B0; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f44336; } @@ -2314,6 +2344,7 @@ background: #495057; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #343a40; @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #F3E5F5; @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #dee2e6; color: #495057; diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index eef364d3f..72f13f435 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -437,6 +437,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -750,6 +756,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -996,6 +1008,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -1139,7 +1157,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -1306,6 +1324,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -1450,6 +1474,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; - border-color: #b19df7; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #b19df7; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; border-color: #b19df7; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ff9a9a; } @@ -2338,6 +2368,7 @@ background: rgba(255, 255, 255, 0.87); color: #1d1e27; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3065,6 +3096,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4305,6 +4354,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4450,6 +4505,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4623,6 +4684,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4738,6 +4805,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4927,6 +5000,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5106,6 +5185,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5619,6 +5704,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #3e4053; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 5df97ec2f..201b0f567 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -381,7 +381,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -437,6 +437,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -465,7 +471,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -705,7 +711,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -750,6 +756,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -834,7 +846,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -860,7 +872,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -927,7 +939,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -996,6 +1008,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -1139,7 +1157,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1184,7 +1202,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -1306,6 +1324,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -1335,7 +1359,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -1355,7 +1379,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -1450,6 +1474,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -1568,7 +1598,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -1594,6 +1624,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #043d75; @@ -1609,9 +1640,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; - border-color: #7254f3; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #7254f3; @@ -1717,7 +1747,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } @@ -1831,11 +1861,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; border-color: #7254f3; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ff6767; } @@ -2338,6 +2368,7 @@ background: #043d75; color: #fff; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: #022354; @@ -3065,6 +3096,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #5a37f1; background: #e2dcfc; @@ -3145,6 +3182,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f6f9fc; color: #043d75; @@ -3322,6 +3365,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f6f9fc; color: #043d75; @@ -3418,7 +3467,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #043d75; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3567,7 +3616,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #043d75; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4305,6 +4354,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -4450,6 +4505,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -4623,6 +4684,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -4738,6 +4805,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -4927,6 +5000,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -5106,6 +5185,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #043d75; transition: box-shadow 0.2s; @@ -5619,6 +5704,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #dfe7ef; color: #043d75; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 4fb7a3380..7a0061586 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -392,7 +392,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -448,6 +448,12 @@ transition: none; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -476,7 +482,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -716,7 +722,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -761,6 +767,12 @@ transition: none; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -845,7 +857,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -871,7 +883,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -938,7 +950,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1007,6 +1019,12 @@ transition: none; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -1150,7 +1168,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1195,7 +1213,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1317,6 +1335,12 @@ transition: none; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -1346,7 +1370,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1366,7 +1390,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1461,6 +1485,12 @@ transition: none; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -1579,7 +1609,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1605,6 +1635,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #3f3f46; @@ -1620,9 +1651,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #4F46E5; @@ -1728,7 +1758,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } @@ -1842,11 +1872,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; border-color: #4F46E5; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f0a9a7; } @@ -2349,6 +2379,7 @@ background: #3f3f46; color: #fff; outline-color: transparent; + transition: none; } .p-speeddial-action:hover { background: #27272A; @@ -3076,6 +3107,12 @@ transition: none; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #312E81; background: #EEF2FF; @@ -3156,6 +3193,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f5; color: #18181B; @@ -3333,6 +3376,12 @@ background: transparent; transition: transform 0.2s, none; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f4f4f5; color: #18181B; @@ -3429,7 +3478,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #3f3f46; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3578,7 +3627,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #3f3f46; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4341,6 +4390,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -4486,6 +4541,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -4659,6 +4720,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -4774,6 +4841,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -4963,6 +5036,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -5166,6 +5245,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; transition: none; @@ -5679,6 +5764,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 0.375rem; + } + .p-chip { background-color: #e5e7eb; color: #3f3f46; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 22195cdae..183246777 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #64B5F6; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; border-color: #64B5F6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #17212f; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 4d923fcb6..6c53aff97 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #81C784; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; border-color: #81C784; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #17212f; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index e6e2bbbba..410fcd5d9 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #FFD54F; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; border-color: #FFD54F; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #17212f; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index e9f4f46c5..eef90d9f0 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -357,7 +357,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -413,6 +413,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -441,7 +447,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -681,7 +687,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -726,6 +732,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -810,7 +822,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -836,7 +848,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -903,7 +915,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -972,6 +984,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1115,7 +1133,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; @@ -1160,7 +1178,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1282,6 +1300,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1311,7 +1335,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1331,7 +1355,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1426,6 +1450,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -1544,7 +1574,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1570,6 +1600,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1585,9 +1616,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #BA68C8; @@ -1693,7 +1723,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } @@ -1807,11 +1837,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; border-color: #BA68C8; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #ef9a9a; } @@ -2314,6 +2344,7 @@ background: rgba(255, 255, 255, 0.87); color: #17212f; outline-color: transparent; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-speeddial-action:hover { background: rgba(255, 255, 255, 0.6); @@ -3041,6 +3072,12 @@ transition: box-shadow 0.2s; border-radius: 0; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); @@ -3121,6 +3158,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3298,6 +3341,12 @@ background: transparent; transition: transform 0.2s, box-shadow 0.2s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -3394,7 +3443,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3543,7 +3592,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4306,6 +4355,12 @@ .p-contextmenu .p-menuitem { margin: 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4451,6 +4506,12 @@ .p-megamenu .p-menuitem { margin: 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4624,6 +4685,12 @@ .p-menu .p-menuitem { margin: 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4739,6 +4806,12 @@ .p-menubar .p-menuitem { margin: 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -4928,6 +5001,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5131,6 +5210,12 @@ .p-tieredmenu .p-menuitem { margin: 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.2s; @@ -5644,6 +5729,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 3px; + } + .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 3c7eee05c..f677fa3e8 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -389,7 +389,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -445,6 +445,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -473,7 +479,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -713,7 +719,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -758,6 +764,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -842,7 +854,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -868,7 +880,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -935,7 +947,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1004,6 +1016,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -1147,7 +1165,7 @@ background: rgba(255, 255, 255, 0.6); width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 6px; transition-duration: 0.3s; @@ -1192,7 +1210,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1314,6 +1332,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -1343,7 +1367,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1363,7 +1387,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1458,6 +1482,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -1576,7 +1606,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1602,6 +1632,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: rgba(255, 255, 255, 0.87); @@ -1617,9 +1648,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; - border-color: #9eade6; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #9eade6; @@ -1725,7 +1755,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } @@ -1839,11 +1869,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; border-color: #9eade6; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f78c79; } @@ -2346,6 +2376,7 @@ background: #1e282c; color: #fff; outline-color: transparent; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-speeddial-action:hover { background: #263238; @@ -3073,6 +3104,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); @@ -3153,6 +3190,12 @@ background: transparent; transition: transform 0.3s, box-shadow 0.3s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); @@ -3330,6 +3373,12 @@ background: transparent; transition: transform 0.3s, box-shadow 0.3s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); @@ -3426,7 +3475,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3575,7 +3624,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: rgba(255, 255, 255, 0.87); } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4338,6 +4387,12 @@ .p-contextmenu .p-menuitem { margin: 0 0 4px 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -4483,6 +4538,12 @@ .p-megamenu .p-menuitem { margin: 0 0 4px 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -4656,6 +4717,12 @@ .p-menu .p-menuitem { margin: 0 0 4px 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -4771,6 +4838,12 @@ .p-menubar .p-menuitem { margin: 0 0 4px 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -4960,6 +5033,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0 0 4px 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -5163,6 +5242,12 @@ .p-tieredmenu .p-menuitem { margin: 0 0 4px 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; @@ -5676,6 +5761,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #263238; color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 1d25dcd2a..472ea0a48 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -389,7 +389,7 @@ } .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -445,6 +445,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child { + margin-top: 0; + } + .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child { + margin-bottom: 0; + } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #585858; background: #ced6f1; @@ -473,7 +479,7 @@ } .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -713,7 +719,7 @@ } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -758,6 +764,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child { + margin-top: 0; + } + .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child { + margin-bottom: 0; + } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #585858; background: #ced6f1; @@ -842,7 +854,7 @@ } .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -868,7 +880,7 @@ } .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -935,7 +947,7 @@ } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1004,6 +1016,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child { + margin-top: 0; + } + .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child { + margin-bottom: 0; + } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #585858; background: #ced6f1; @@ -1147,7 +1165,7 @@ background: #ffffff; width: 1.25rem; height: 1.25rem; - transform: translateX(0.25rem); + left: 0.25rem; margin-top: -0.625rem; border-radius: 6px; transition-duration: 0.3s; @@ -1192,7 +1210,7 @@ } .p-inputtext:enabled:focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1314,6 +1332,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-listbox .p-listbox-list .p-listbox-item:first-child { + margin-top: 0; + } + .p-listbox .p-listbox-list .p-listbox-item:last-child { + margin-bottom: 0; + } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #585858; background: #ced6f1; @@ -1343,7 +1367,7 @@ } .p-listbox.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1363,7 +1387,7 @@ } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1458,6 +1482,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child { + margin-top: 0; + } + .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child { + margin-bottom: 0; + } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #585858; background: #ced6f1; @@ -1576,7 +1606,7 @@ } .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1602,6 +1632,7 @@ } .p-rating .p-rating-item { outline-color: transparent; + border-radius: 50%; } .p-rating .p-rating-item .p-rating-icon { color: #6c6c6c; @@ -1617,9 +1648,8 @@ } .p-rating .p-rating-item.p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; - border-color: #91a4e3; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { color: #5472d4; @@ -1725,7 +1755,7 @@ } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } @@ -1839,11 +1869,11 @@ } .p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { outline: 0 none; - outline-offset: -2px; + outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; border-color: #91a4e3; } - .p-togglebutton.p-button.p-invalid > .p-button { + .p-togglebutton.p-button.p-invalid { border-color: #f88c79; } @@ -2346,6 +2376,7 @@ background: #6c6c6c; color: #fff; outline-color: transparent; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } .p-speeddial-action:hover { background: #585858; @@ -3073,6 +3104,12 @@ transition: box-shadow 0.3s; border-radius: 6px; } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child { + margin-top: 0; + } + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child { + margin-bottom: 0; + } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #585858; background: #ced6f1; @@ -3153,6 +3190,12 @@ background: transparent; transition: transform 0.3s, box-shadow 0.3s; } + .p-orderlist .p-orderlist-list .p-orderlist-item:first-child { + margin-top: 0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item:last-child { + margin-bottom: 0; + } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #edf0fA; color: #6c6c6c; @@ -3330,6 +3373,12 @@ background: transparent; transition: transform 0.3s, box-shadow 0.3s; } + .p-picklist .p-picklist-list .p-picklist-item:first-child { + margin-top: 0; + } + .p-picklist .p-picklist-list .p-picklist-item:last-child { + margin-bottom: 0; + } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #edf0fA; color: #6c6c6c; @@ -3426,7 +3475,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } - .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { color: #6c6c6c; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { @@ -3575,7 +3624,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } - .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { + .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { color: #6c6c6c; } .p-treetable .p-treetable-tbody > tr:focus-visible { @@ -4338,6 +4387,12 @@ .p-contextmenu .p-menuitem { margin: 0 0 4px 0; } + .p-contextmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-contextmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-contextmenu .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -4483,6 +4538,12 @@ .p-megamenu .p-menuitem { margin: 0 0 4px 0; } + .p-megamenu .p-menuitem:first-child { + margin-top: 0; + } + .p-megamenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-megamenu .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -4656,6 +4717,12 @@ .p-menu .p-menuitem { margin: 0 0 4px 0; } + .p-menu .p-menuitem:first-child { + margin-top: 0; + } + .p-menu .p-menuitem:last-child { + margin-bottom: 0; + } .p-menu .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -4771,6 +4838,12 @@ .p-menubar .p-menuitem { margin: 0 0 4px 0; } + .p-menubar .p-menuitem:first-child { + margin-top: 0; + } + .p-menubar .p-menuitem:last-child { + margin-bottom: 0; + } .p-menubar .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -4960,6 +5033,12 @@ .p-panelmenu .p-panelmenu-content .p-menuitem { margin: 0 0 4px 0; } + .p-panelmenu .p-panelmenu-content .p-menuitem:first-child { + margin-top: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:last-child { + margin-bottom: 0; + } .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -5163,6 +5242,12 @@ .p-tieredmenu .p-menuitem { margin: 0 0 4px 0; } + .p-tieredmenu .p-menuitem:first-child { + margin-top: 0; + } + .p-tieredmenu .p-menuitem:last-child { + margin-bottom: 0; + } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #6c6c6c; transition: box-shadow 0.3s; @@ -5676,6 +5761,10 @@ line-height: 3rem; } + .p-blockui { + border-radius: 6px; + } + .p-chip { background-color: #ebebeb; color: #6c6c6c;