diff --git a/components/lib/rating/BaseRating.vue b/components/lib/rating/BaseRating.vue index f139c998d..fc9cd06d4 100644 --- a/components/lib/rating/BaseRating.vue +++ b/components/lib/rating/BaseRating.vue @@ -31,7 +31,7 @@ const classes = { cancelItem: ({ instance }) => [ 'p-rating-item p-rating-cancel-item', { - 'p-focus': instance.focusedOptionIndex === 0 + 'p-focus': instance.focusedOptionIndex === 0 && instance.isFocusVisibleItem } ], cancelIcon: 'p-rating-icon p-rating-cancel', @@ -39,7 +39,7 @@ const classes = { 'p-rating-item', { 'p-rating-item-active': value <= props.modelValue, - 'p-focus': value === instance.focusedOptionIndex + 'p-focus': value === instance.focusedOptionIndex && instance.isFocusVisibleItem } ], onIcon: 'p-rating-icon', diff --git a/components/lib/rating/Rating.vue b/components/lib/rating/Rating.vue index 6bffd62d4..aeb069a98 100755 --- a/components/lib/rating/Rating.vue +++ b/components/lib/rating/Rating.vue @@ -62,7 +62,8 @@ export default { data() { return { name: this.$attrs.name, - focusedOptionIndex: -1 + focusedOptionIndex: -1, + isFocusVisibleItem: true }; }, watch: { @@ -85,6 +86,7 @@ export default { onOptionClick(event, value) { if (!this.readonly && !this.disabled) { this.onOptionSelect(event, value); + this.isFocusVisibleItem = false; const firstFocusableEl = DomHandler.getFirstFocusableElement(event.currentTarget); firstFocusableEl && DomHandler.focus(firstFocusableEl); @@ -100,6 +102,7 @@ export default { }, onChange(event, value) { this.onOptionSelect(event, value); + this.isFocusVisibleItem = true; }, onOptionSelect(event, value) { this.focusedOptionIndex = value; diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index c81ba7e15..a100caad4 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #64B5F6; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #93cbf9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #93cbf9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #93cbf9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4073,7 +4073,7 @@ background: #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 131c7e913..31576e398 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #81C784; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a7d8a9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #a7d8a9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #a7d8a9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4073,7 +4073,7 @@ background: #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 7e2ab2163..b241e4e50 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #FFD54F; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe284; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe284; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe284; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4073,7 +4073,7 @@ background: #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index f6425be90..b9d0577d0 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #BA68C8; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #cf95d9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #cf95d9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #cf95d9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4073,7 +4073,7 @@ background: #383838; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 42aa6dd74..bbc2d6b04 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #8dd0ff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #e3f3fe; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #e3f3fe; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #e3f3fe; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; @@ -3965,7 +3965,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4031,7 +4031,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4065,7 +4065,7 @@ border: 0 none; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4085,7 +4085,7 @@ background: #3f4b5b; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4115,7 +4115,7 @@ transition: box-shadow 0.15s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; @@ -4137,7 +4137,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; @@ -4242,7 +4242,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4346,8 +4346,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -4453,7 +4453,7 @@ transition: box-shadow 0.15s; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -5046,7 +5046,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; @@ -5195,7 +5195,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -5243,7 +5243,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; @@ -5519,7 +5519,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -5814,7 +5814,7 @@ border-radius: 4px; transition: color 0.15s, box-shadow 0.15s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index a523cc914..6330cb727 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #c298d8; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #f0e6f5; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #f0e6f5; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #f0e6f5; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; @@ -3965,7 +3965,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4031,7 +4031,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4065,7 +4065,7 @@ border: 0 none; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4085,7 +4085,7 @@ background: #3f4b5b; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4115,7 +4115,7 @@ transition: box-shadow 0.15s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; @@ -4137,7 +4137,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; @@ -4242,7 +4242,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4346,8 +4346,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -4453,7 +4453,7 @@ transition: box-shadow 0.15s; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -5046,7 +5046,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; @@ -5195,7 +5195,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -5243,7 +5243,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; @@ -5519,7 +5519,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -5814,7 +5814,7 @@ border-radius: 4px; transition: color 0.15s, box-shadow 0.15s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 37e22d50a..2a0e679b0 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #007bff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(38, 143, 255, 0.5); outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(38, 143, 255, 0.5); outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3965,7 +3965,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4031,7 +4031,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4065,7 +4065,7 @@ border: 0 none; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4085,7 +4085,7 @@ background: #dee2e6; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4115,7 +4115,7 @@ transition: box-shadow 0.15s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4137,7 +4137,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4242,7 +4242,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4346,8 +4346,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -4453,7 +4453,7 @@ transition: box-shadow 0.15s; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -5046,7 +5046,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -5195,7 +5195,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -5243,7 +5243,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -5519,7 +5519,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -5814,7 +5814,7 @@ border-radius: 4px; transition: box-shadow 0.15s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 3fed1c7d3..c3f617d7e 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #883cae; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(136, 60, 174, 0.5); outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(136, 60, 174, 0.5); outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3965,7 +3965,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4031,7 +4031,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4065,7 +4065,7 @@ border: 0 none; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4085,7 +4085,7 @@ background: #dee2e6; transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4115,7 +4115,7 @@ transition: box-shadow 0.15s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4137,7 +4137,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4242,7 +4242,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4346,8 +4346,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -4453,7 +4453,7 @@ transition: box-shadow 0.15s; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -5046,7 +5046,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -5195,7 +5195,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -5243,7 +5243,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -5519,7 +5519,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -5814,7 +5814,7 @@ border-radius: 4px; transition: box-shadow 0.15s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 1fc95fe16..7354e0f9d 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 2px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -385,8 +385,8 @@ border-color: transparent; background: #f3f2f1; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -472,7 +472,7 @@ border-color: transparent; background: #f3f2f1; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -1360,7 +1360,7 @@ border-color: transparent; background: #f3f2f1; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -2554,8 +2554,8 @@ border-color: transparent; background: #f3f2f1; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #323130; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #605e5c; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: #f3f2f1; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #605e5c; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: #f3f2f1; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3576,7 +3576,7 @@ border-color: transparent; background: #f3f2f1; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3728,7 +3728,7 @@ border-color: transparent; background: #f3f2f1; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #605e5c; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; @@ -3928,7 +3928,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3994,7 +3994,7 @@ border-color: transparent; background: #f3f2f1; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4028,7 +4028,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4048,7 +4048,7 @@ background: #edebe9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4078,7 +4078,7 @@ transition: box-shadow 0.2s; margin: 0 0.5rem -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; @@ -4100,7 +4100,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; @@ -4205,7 +4205,7 @@ border-color: transparent; background: #f3f2f1; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4309,8 +4309,8 @@ border-color: transparent; background: #f3f2f1; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -4416,7 +4416,7 @@ transition: box-shadow 0.2s; border-radius: 2px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -5009,7 +5009,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; @@ -5134,7 +5134,7 @@ margin-top: 0.5rem; color: #605e5c; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -5182,7 +5182,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; @@ -5458,7 +5458,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -5753,7 +5753,7 @@ border-radius: 2px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 66a2d0fb3..3b8c827a6 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -403,8 +403,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -490,7 +490,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -1378,7 +1378,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -2572,8 +2572,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(147, 197, 253, 0.5); outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3594,7 +3594,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3746,7 +3746,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(147, 197, 253, 0.5); outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4012,7 +4012,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4066,7 +4066,7 @@ background: #0b213f; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4118,7 +4118,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4223,7 +4223,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4327,8 +4327,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 901bc1626..955037fd4 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -403,8 +403,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -490,7 +490,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -1378,7 +1378,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -2572,8 +2572,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(165, 180, 252, 0.5); outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3594,7 +3594,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3746,7 +3746,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(165, 180, 252, 0.5); outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4012,7 +4012,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4066,7 +4066,7 @@ background: #0b213f; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4118,7 +4118,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4223,7 +4223,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4327,8 +4327,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 3eb9fe494..631b26179 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -403,8 +403,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -490,7 +490,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -1378,7 +1378,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -2572,8 +2572,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(196, 181, 253, 0.5); outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3594,7 +3594,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3746,7 +3746,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(196, 181, 253, 0.5); outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4012,7 +4012,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4066,7 +4066,7 @@ background: #0b213f; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4118,7 +4118,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4223,7 +4223,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4327,8 +4327,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index 8e08f483c..9c108e37a 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -403,8 +403,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -490,7 +490,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -1378,7 +1378,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -2572,8 +2572,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(94, 234, 212, 0.5); outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3594,7 +3594,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3746,7 +3746,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid rgba(94, 234, 212, 0.5); outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4012,7 +4012,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4066,7 +4066,7 @@ background: #0b213f; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4118,7 +4118,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4223,7 +4223,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4327,8 +4327,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 7723b8e00..4fb20ce67 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -403,8 +403,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -490,7 +490,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -1378,7 +1378,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -2572,8 +2572,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1D4ED8; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #BFDBFE; outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3594,7 +3594,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3746,7 +3746,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #BFDBFE; outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4012,7 +4012,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4066,7 +4066,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; @@ -4118,7 +4118,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; @@ -4223,7 +4223,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4327,8 +4327,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index d6d3f943f..3dcab5d1c 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -403,8 +403,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -490,7 +490,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -1378,7 +1378,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -2572,8 +2572,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #4338CA; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #C7D2FE; outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #C7D2FE; outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3594,7 +3594,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3746,7 +3746,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #C7D2FE; outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4012,7 +4012,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4066,7 +4066,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; @@ -4118,7 +4118,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; @@ -4223,7 +4223,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4327,8 +4327,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 6f41c6ded..2dfc7d00b 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -403,8 +403,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -490,7 +490,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -1378,7 +1378,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -2572,8 +2572,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #6D28D9; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #DDD6FE; outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #DDD6FE; outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3594,7 +3594,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3746,7 +3746,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #DDD6FE; outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4012,7 +4012,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4066,7 +4066,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; @@ -4118,7 +4118,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; @@ -4223,7 +4223,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4327,8 +4327,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index 8120c7b8c..12f0c67e4 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -109,7 +109,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -403,8 +403,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -490,7 +490,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -1378,7 +1378,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -2572,8 +2572,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -2677,7 +2677,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #0F766E; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #99F6E4; outline: 0 none; } @@ -2712,10 +2712,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -2726,7 +2726,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #99F6E4; outline-offset: -0.15rem; } @@ -3178,7 +3178,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3390,7 +3390,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3594,7 +3594,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3746,7 +3746,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3757,7 +3757,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #99F6E4; outline-offset: -0.15rem; } @@ -3856,7 +3856,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99F6E4; @@ -3946,7 +3946,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4012,7 +4012,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4046,7 +4046,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4066,7 +4066,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4096,7 +4096,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99F6E4; @@ -4118,7 +4118,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99F6E4; @@ -4223,7 +4223,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4327,8 +4327,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -4434,7 +4434,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -5027,7 +5027,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99F6E4; @@ -5152,7 +5152,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -5200,7 +5200,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99F6E4; @@ -5476,7 +5476,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -5771,7 +5771,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 9ae8ec7e4..d3b907329 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #212529; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem white; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4060,7 +4060,7 @@ background: #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #888888; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 338d646f0..8247a6daa 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #212529; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem white; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4060,7 +4060,7 @@ background: #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #888888; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index ff88ef892..d67aa4794 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #212529; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem white; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4060,7 +4060,7 @@ background: #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #888888; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 03082dfa9..bb75d1d50 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #212529; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem white; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid white; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4060,7 +4060,7 @@ background: #4b4b4b; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #888888; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 596509d38..59db16811 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(255, 255, 255, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 59b57c95e..e024292a1 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(255, 255, 255, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 6a0c6f03f..693ddba45 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(0, 0, 0, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(0, 0, 0, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(0, 0, 0, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 0dfeaebf3..a4ee80784 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(0, 0, 0, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(0, 0, 0, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(0, 0, 0, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index 3ebfb9cf4..ccb2e9521 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(255, 255, 255, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 0ba7c4186..028bad1e8 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(255, 255, 255, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(255, 255, 255, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 19b352e93..9eea18154 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(0, 0, 0, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(0, 0, 0, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(0, 0, 0, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index b74906b88..e00314999 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: rgba(0, 0, 0, 0.87); } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: none; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid transparent; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -3977,7 +3977,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4043,7 +4043,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4077,7 +4077,7 @@ border: 0 none; transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4097,7 +4097,7 @@ background: rgba(0, 0, 0, 0.12); transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4127,7 +4127,7 @@ transition: none; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4149,7 +4149,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -4254,7 +4254,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4358,8 +4358,8 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -4465,7 +4465,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5058,7 +5058,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5207,7 +5207,7 @@ margin-top: 0.5rem; color: rgba(0, 0, 0, 0.87); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5255,7 +5255,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset none; @@ -5531,7 +5531,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -5826,7 +5826,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index ee921af2a..af0d7788f 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -119,7 +119,7 @@ font-feature-settings: inherit; border-radius: 4px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -413,8 +413,8 @@ border-color: #5E81AC; background: #ffffff; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -500,7 +500,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -1388,7 +1388,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -2582,8 +2582,8 @@ border-color: #5E81AC; background: #ffffff; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -2687,7 +2687,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #4C566A; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #C0D0E0; outline: 0 none; } @@ -2722,10 +2722,10 @@ border-color: #5E81AC; background: #ffffff; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -2736,7 +2736,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #C0D0E0; outline-offset: -0.15rem; } @@ -3188,7 +3188,7 @@ border-color: #5E81AC; background: #ffffff; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3400,7 +3400,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3604,7 +3604,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3756,7 +3756,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3767,7 +3767,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #C0D0E0; outline-offset: -0.15rem; } @@ -3866,7 +3866,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C0D0E0; @@ -3981,7 +3981,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4047,7 +4047,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4081,7 +4081,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4101,7 +4101,7 @@ background: #c2c7d1; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4131,7 +4131,7 @@ transition: none; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C0D0E0; @@ -4153,7 +4153,7 @@ box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C0D0E0; @@ -4258,7 +4258,7 @@ border-color: #5E81AC; background: #ffffff; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4362,8 +4362,8 @@ border-color: #5E81AC; background: #ffffff; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -4469,7 +4469,7 @@ transition: none; border-radius: 4px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -5062,7 +5062,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C0D0E0; @@ -5211,7 +5211,7 @@ margin-top: 0.5rem; color: #81A1C1; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -5259,7 +5259,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C0D0E0; @@ -5535,7 +5535,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -5830,7 +5830,7 @@ border-radius: 4px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 126415f7f..9d9b56afa 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 1px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -385,8 +385,8 @@ border-color: #121619; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -472,7 +472,7 @@ border-color: #121619; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -1360,7 +1360,7 @@ border-color: #121619; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -2554,8 +2554,8 @@ border-color: #121619; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #1174c0; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #90c9f5; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: #121619; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #90c9f5; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: #121619; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3576,7 +3576,7 @@ border-color: #121619; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3728,7 +3728,7 @@ border-color: #121619; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #90c9f5; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4019,7 +4019,7 @@ border-color: #121619; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4073,7 +4073,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; @@ -4125,7 +4125,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; @@ -4230,7 +4230,7 @@ border-color: #121619; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4334,8 +4334,8 @@ border-color: #121619; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 1px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: #697077; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -5802,7 +5802,7 @@ border-radius: 1px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index e083a5c72..a85c53491 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -1360,7 +1360,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2554,8 +2554,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #ffffff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #8dcdff; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3576,7 +3576,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3728,7 +3728,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -3928,7 +3928,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3994,7 +3994,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4028,7 +4028,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4048,7 +4048,7 @@ background: #d8dae2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4078,7 +4078,7 @@ transition: background-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4100,7 +4100,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4205,7 +4205,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4309,8 +4309,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4416,7 +4416,7 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5009,7 +5009,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5134,7 +5134,7 @@ margin-top: 0.5rem; color: #848484; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5182,7 +5182,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5458,7 +5458,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5753,7 +5753,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 6bff6fc58..0abd9d39a 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #ffffff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #8dcdff; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4060,7 +4060,7 @@ background: #d8dae2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #848484; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index ab035b57c..3c40b2fd2 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #ffffff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #c2e9d8; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #c2e9d8; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #c2e9d8; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4060,7 +4060,7 @@ background: #d8dae2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #848484; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c2e9d8; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 28cc6f9fa..dd869d08e 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -1364,7 +1364,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2566,8 +2566,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2671,7 +2671,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #ffffff; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #8dcdff; outline: 0 none; } @@ -2706,10 +2706,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -2720,7 +2720,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3172,7 +3172,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3384,7 +3384,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3588,7 +3588,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3740,7 +3740,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3751,7 +3751,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #8dcdff; outline-offset: -0.15rem; } @@ -3850,7 +3850,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -3940,7 +3940,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4006,7 +4006,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4040,7 +4040,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4060,7 +4060,7 @@ background: #d8dae2; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4090,7 +4090,7 @@ transition: background-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4112,7 +4112,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -4217,7 +4217,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4321,8 +4321,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -4428,7 +4428,7 @@ transition: background-color 0.2s, box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5021,7 +5021,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5146,7 +5146,7 @@ margin-top: 0.5rem; color: #848484; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5194,7 +5194,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; @@ -5470,7 +5470,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -5765,7 +5765,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 5b252ed65..8d821a8f4 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 2px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -385,8 +385,8 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -472,7 +472,7 @@ border-color: transparent; background: transparent; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -1360,7 +1360,7 @@ border-color: transparent; background: transparent; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -2554,8 +2554,8 @@ border-color: transparent; background: transparent; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #385048; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #e4e9ec; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: transparent; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #e4e9ec; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: transparent; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3576,7 +3576,7 @@ border-color: transparent; background: transparent; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3728,7 +3728,7 @@ border-color: transparent; background: transparent; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #e4e9ec; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; @@ -3928,7 +3928,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3994,7 +3994,7 @@ border-color: transparent; background: transparent; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4028,7 +4028,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4048,7 +4048,7 @@ background: #dadada; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4078,7 +4078,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; margin: 0 0 -1px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; @@ -4100,7 +4100,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; @@ -4205,7 +4205,7 @@ border-color: transparent; background: transparent; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4309,8 +4309,8 @@ border-color: transparent; background: transparent; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -4416,7 +4416,7 @@ transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 2px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -5009,7 +5009,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; @@ -5134,7 +5134,7 @@ margin-top: 0.5rem; color: #a6a6a6; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -5182,7 +5182,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; @@ -5458,7 +5458,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -5753,7 +5753,7 @@ border-radius: 2px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 94e1fe583..28fb6b878 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -385,8 +385,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -472,7 +472,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -1360,7 +1360,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -2554,8 +2554,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #2196F3; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a6d5fa; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #a6d5fa; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3576,7 +3576,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3728,7 +3728,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #a6d5fa; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4019,7 +4019,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4073,7 +4073,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; @@ -4125,7 +4125,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; @@ -4230,7 +4230,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4334,8 +4334,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 1049a1a1d..2b0c883aa 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -385,8 +385,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -472,7 +472,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -1360,7 +1360,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -2554,8 +2554,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #4CAF50; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #b7e0b8; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #b7e0b8; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3576,7 +3576,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3728,7 +3728,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #b7e0b8; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4019,7 +4019,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4073,7 +4073,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; @@ -4125,7 +4125,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; @@ -4230,7 +4230,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4334,8 +4334,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 8d346f938..b98db6d1f 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -385,8 +385,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -472,7 +472,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -1360,7 +1360,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -2554,8 +2554,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #FFC107; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe69c; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe69c; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3576,7 +3576,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3728,7 +3728,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe69c; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4019,7 +4019,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4073,7 +4073,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; @@ -4125,7 +4125,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; @@ -4230,7 +4230,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4334,8 +4334,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index 51458d8b1..b9690d35c 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -385,8 +385,8 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -472,7 +472,7 @@ border-color: transparent; background: #e9ecef; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -1360,7 +1360,7 @@ border-color: transparent; background: #e9ecef; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -2554,8 +2554,8 @@ border-color: transparent; background: #e9ecef; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #9C27B0; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #df9eea; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: #e9ecef; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #df9eea; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: #e9ecef; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3576,7 +3576,7 @@ border-color: transparent; background: #e9ecef; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3728,7 +3728,7 @@ border-color: transparent; background: #e9ecef; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #df9eea; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4019,7 +4019,7 @@ border-color: transparent; background: #e9ecef; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4073,7 +4073,7 @@ background: #dee2e6; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; @@ -4125,7 +4125,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; @@ -4230,7 +4230,7 @@ border-color: transparent; background: #e9ecef; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4334,8 +4334,8 @@ border-color: transparent; background: #e9ecef; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: #6c757d; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 499b41f86..6efcde006 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -409,8 +409,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -496,7 +496,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -1384,7 +1384,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -2578,8 +2578,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #b19df7; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #e0d8fc; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #e0d8fc; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3600,7 +3600,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3752,7 +3752,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #e0d8fc; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; @@ -3952,7 +3952,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4018,7 +4018,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4052,7 +4052,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4072,7 +4072,7 @@ background: #3e4053; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4102,7 +4102,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; @@ -4124,7 +4124,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; @@ -4229,7 +4229,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4333,8 +4333,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -4440,7 +4440,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -5033,7 +5033,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; @@ -5158,7 +5158,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -5206,7 +5206,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; @@ -5482,7 +5482,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -5777,7 +5777,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 7e2865360..8816cfcaf 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -115,7 +115,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -409,8 +409,8 @@ border-color: transparent; background: #f6f9fc; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -496,7 +496,7 @@ border-color: transparent; background: #f6f9fc; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -1384,7 +1384,7 @@ border-color: transparent; background: #f6f9fc; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -2578,8 +2578,8 @@ border-color: transparent; background: #f6f9fc; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -2683,7 +2683,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #5a37f1; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #c7bbfa; outline: 0 none; } @@ -2718,10 +2718,10 @@ border-color: transparent; background: #f6f9fc; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -2732,7 +2732,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 700; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #c7bbfa; outline-offset: -0.15rem; } @@ -3184,7 +3184,7 @@ border-color: transparent; background: #f6f9fc; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3396,7 +3396,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3600,7 +3600,7 @@ border-color: transparent; background: #f6f9fc; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3752,7 +3752,7 @@ border-color: transparent; background: #f6f9fc; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3763,7 +3763,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #c7bbfa; outline-offset: -0.15rem; } @@ -3862,7 +3862,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; @@ -3952,7 +3952,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4018,7 +4018,7 @@ border-color: transparent; background: #f6f9fc; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4052,7 +4052,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4072,7 +4072,7 @@ background: #dfe7ef; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4102,7 +4102,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; @@ -4124,7 +4124,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; @@ -4229,7 +4229,7 @@ border-color: transparent; background: #f6f9fc; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4333,8 +4333,8 @@ border-color: transparent; background: #f6f9fc; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -4440,7 +4440,7 @@ transition: box-shadow 0.2s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -5033,7 +5033,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; @@ -5158,7 +5158,7 @@ margin-top: 0.5rem; color: #708da9; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -5206,7 +5206,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; @@ -5482,7 +5482,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -5777,7 +5777,7 @@ border-radius: 6px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index a2a2d2011..740f681d8 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -126,7 +126,7 @@ font-feature-settings: inherit; border-radius: 0.375rem; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -420,8 +420,8 @@ border-color: transparent; background: #f4f4f5; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -507,7 +507,7 @@ border-color: transparent; background: #f4f4f5; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -1395,7 +1395,7 @@ border-color: transparent; background: #f4f4f5; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -2589,8 +2589,8 @@ border-color: transparent; background: #f4f4f5; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -2694,7 +2694,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #4F46E5; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #6366F1; outline: 0 none; } @@ -2729,10 +2729,10 @@ border-color: transparent; background: #f4f4f5; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -2743,7 +2743,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 500; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #6366F1; outline-offset: -0.15rem; } @@ -3195,7 +3195,7 @@ border-color: transparent; background: #f4f4f5; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3407,7 +3407,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3611,7 +3611,7 @@ border-color: transparent; background: #f4f4f5; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3763,7 +3763,7 @@ border-color: transparent; background: #f4f4f5; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3774,7 +3774,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #6366F1; outline-offset: -0.15rem; } @@ -3873,7 +3873,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #6366F1; @@ -3988,7 +3988,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4054,7 +4054,7 @@ border-color: transparent; background: #f4f4f5; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4088,7 +4088,7 @@ border: 0 none; transition: none; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4108,7 +4108,7 @@ background: #e5e7eb; transition: none; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4138,7 +4138,7 @@ transition: none; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #6366F1; @@ -4160,7 +4160,7 @@ box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #6366F1; @@ -4265,7 +4265,7 @@ border-color: transparent; background: #f4f4f5; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4369,8 +4369,8 @@ border-color: transparent; background: #f4f4f5; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -4476,7 +4476,7 @@ transition: none; border-radius: 0.375rem; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -5069,7 +5069,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #6366F1; @@ -5218,7 +5218,7 @@ margin-top: 0.5rem; color: #71717A; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -5266,7 +5266,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #6366F1; @@ -5542,7 +5542,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -5837,7 +5837,7 @@ border-radius: 0.375rem; transition: none; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index fdda24fe1..56016f9cb 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #64B5F6; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #93cbf9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #93cbf9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #93cbf9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4073,7 +4073,7 @@ background: #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 28b2f8db1..378ade8be 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #81C784; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a7d8a9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #a7d8a9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #a7d8a9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4073,7 +4073,7 @@ background: #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 402afd1a1..e9cb60a29 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #FFD54F; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe284; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe284; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #ffe284; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4073,7 +4073,7 @@ background: #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 5214801fe..2ad6dc1d4 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -91,7 +91,7 @@ font-feature-settings: inherit; border-radius: 3px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -385,8 +385,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -472,7 +472,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -1360,7 +1360,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2554,8 +2554,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2659,7 +2659,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #BA68C8; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #cf95d9; outline: 0 none; } @@ -2694,10 +2694,10 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -2708,7 +2708,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #cf95d9; outline-offset: -0.15rem; } @@ -3160,7 +3160,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3372,7 +3372,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3576,7 +3576,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3728,7 +3728,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3739,7 +3739,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #cf95d9; outline-offset: -0.15rem; } @@ -3838,7 +3838,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -3953,7 +3953,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4019,7 +4019,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4053,7 +4053,7 @@ border: 0 none; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4073,7 +4073,7 @@ background: #304562; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4103,7 +4103,7 @@ transition: box-shadow 0.2s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -4125,7 +4125,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -4230,7 +4230,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4334,8 +4334,8 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -4441,7 +4441,7 @@ transition: box-shadow 0.2s; border-radius: 3px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5034,7 +5034,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -5183,7 +5183,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5231,7 +5231,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; @@ -5507,7 +5507,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -5802,7 +5802,7 @@ border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index acdcd000f..b4d715ab7 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -123,7 +123,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -417,8 +417,8 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -504,7 +504,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -1392,7 +1392,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -2586,8 +2586,8 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -2691,7 +2691,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #9eade6; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #9eade6; outline: 0 none; } @@ -2726,10 +2726,10 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -2740,7 +2740,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #9eade6; outline-offset: -0.15rem; } @@ -3192,7 +3192,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3404,7 +3404,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3608,7 +3608,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3760,7 +3760,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3771,7 +3771,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #9eade6; outline-offset: -0.15rem; } @@ -3870,7 +3870,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; @@ -3985,7 +3985,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4051,7 +4051,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4085,7 +4085,7 @@ border: 0 none; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4105,7 +4105,7 @@ background: #263238; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4135,7 +4135,7 @@ transition: box-shadow 0.3s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; @@ -4157,7 +4157,7 @@ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; @@ -4262,7 +4262,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4366,8 +4366,8 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -4473,7 +4473,7 @@ transition: box-shadow 0.3s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -5066,7 +5066,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; @@ -5215,7 +5215,7 @@ margin-top: 0.5rem; color: rgba(255, 255, 255, 0.6); } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -5263,7 +5263,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; @@ -5539,7 +5539,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -5834,7 +5834,7 @@ border-radius: 6px; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index a81154574..00d561d16 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -123,7 +123,7 @@ font-feature-settings: inherit; border-radius: 6px; } -.p-link:focus { +.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -417,8 +417,8 @@ border-color: transparent; background: #edf0fA; } -.p-datepicker .p-datepicker-header .p-datepicker-prev:focus, -.p-datepicker .p-datepicker-header .p-datepicker-next:focus { +.p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, +.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -504,7 +504,7 @@ border-color: transparent; background: #edf0fA; } -.p-datepicker .p-timepicker button:focus { +.p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -1392,7 +1392,7 @@ border-color: transparent; background: #edf0fA; } -.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { +.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -2586,8 +2586,8 @@ border-color: transparent; background: #edf0fA; } -.p-carousel .p-carousel-content .p-carousel-prev:focus, -.p-carousel .p-carousel-content .p-carousel-next:focus { +.p-carousel .p-carousel-content .p-carousel-prev:focus-visible, +.p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -2691,7 +2691,7 @@ .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #5472d4; } -.p-datatable .p-sortable-column:focus { +.p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #bbc7ee; outline: 0 none; } @@ -2726,10 +2726,10 @@ border-color: transparent; background: #edf0fA; } -.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, -.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { +.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible, +.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -2740,7 +2740,7 @@ .p-datatable .p-datatable-tbody > tr > td > .p-column-title { font-weight: 600; } -.p-datatable .p-datatable-tbody > tr:focus { +.p-datatable .p-datatable-tbody > tr:focus-visible { outline: 0.15rem solid #bbc7ee; outline-offset: -0.15rem; } @@ -3192,7 +3192,7 @@ border-color: transparent; background: #edf0fA; } -.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { +.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3404,7 +3404,7 @@ color: inherit; border-radius: 50%; } -.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { +.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3608,7 +3608,7 @@ border-color: transparent; background: #edf0fA; } -.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { +.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3760,7 +3760,7 @@ border-color: transparent; background: #edf0fA; } -.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { +.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3771,7 +3771,7 @@ .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 { +.p-treetable .p-treetable-tbody > tr:focus-visible { outline: 0.15rem solid #bbc7ee; outline-offset: -0.15rem; } @@ -3870,7 +3870,7 @@ .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } -.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { +.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; @@ -3985,7 +3985,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } -.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { +.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4051,7 +4051,7 @@ border-color: transparent; background: #edf0fA; } -.p-panel .p-panel-header .p-panel-header-icon:focus { +.p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4085,7 +4085,7 @@ border: 0 none; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } -.p-scrollpanel .p-scrollpanel-bar:focus { +.p-scrollpanel .p-scrollpanel-bar:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4105,7 +4105,7 @@ background: #ebebeb; transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } -.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus { +.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4135,7 +4135,7 @@ transition: box-shadow 0.3s; margin: 0 0 -2px 0; } -.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { +.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; @@ -4157,7 +4157,7 @@ box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } -.p-tabview .p-tabview-nav-btn.p-link:focus { +.p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; @@ -4262,7 +4262,7 @@ border-color: transparent; background: #edf0fA; } -.p-dialog .p-dialog-header .p-dialog-header-icon:focus { +.p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4366,8 +4366,8 @@ border-color: transparent; background: #edf0fA; } -.p-sidebar .p-sidebar-header .p-sidebar-close:focus, -.p-sidebar .p-sidebar-header .p-sidebar-icon:focus { +.p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, +.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -4473,7 +4473,7 @@ transition: box-shadow 0.3s; border-radius: 6px; } -.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus { +.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -5066,7 +5066,7 @@ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon { margin-right: 0.5rem; } -.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content { +.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; @@ -5215,7 +5215,7 @@ margin-top: 0.5rem; color: #898989; } -.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { +.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -5263,7 +5263,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } -.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { +.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; @@ -5539,7 +5539,7 @@ .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } -.p-toast .p-toast-message .p-toast-icon-close:focus { +.p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -5834,7 +5834,7 @@ border-radius: 6px; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } -.p-chip .p-chip-remove-icon:focus { +.p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee;