mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
Set input controls as read-only instead of disabled will allow tab navigation in the properties tab and also allow screen readers to read it. Fixes #4993
This commit is contained in:
committed by
Akshay Joshi
parent
989aa462f7
commit
0da23b837d
@@ -305,6 +305,12 @@ table.backgrid {
|
||||
outline: $input-focus-border-color auto 5px !important;
|
||||
}
|
||||
|
||||
& td.select-cell.editor select{
|
||||
outline: none !important;
|
||||
height: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
tr.editor-row {
|
||||
background-color: $color-gray-light !important;
|
||||
& > td {
|
||||
|
||||
@@ -96,3 +96,18 @@
|
||||
background-color: $color-primary;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
/* select2 readonly */
|
||||
select[readonly].select2-hidden-accessible + .select2-container {
|
||||
pointer-events: none;
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
|
||||
background: #eee;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user