imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switch DevicesPanel to use table (for screen readers)

Browse source
This commit is contained in:
Andy Balaam 2021-10-15 11:49:27 +01:00
parent af55ac7b8c
commit 7edec291ac
3 changed files with 32 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

18
res/css/views/settings/_DevicesPanel.scss
View file

@ -15,7 +15,6 @@ limitations under the License.
*/
.mx_DevicesPanel {
display: table;
table-layout: fixed;
// Normally the panel is 880px, however this can easily overflow the container.
// TODO: Fix the table to not be squishy
@ -25,16 +24,16 @@ limitations under the License.
}
.mx_DevicesPanel_header {
display: table-header-group;
font-weight: bold;
}
.mx_DevicesPanel_header > .mx_DevicesPanel_deviceButtons {
.mx_DevicesPanel_header .mx_DevicesPanel_deviceButtons {
height: 48px; // make this tall so the table doesn't move down when the delete button appears
}
.mx_DevicesPanel_header > div {
display: table-cell;
.mx_DevicesPanel_header th {
padding: 0px;
text-align: left;
vertical-align: middle;
}
@ -50,12 +49,9 @@ limitations under the License.
width: 20%;
}
.mx_DevicesPanel_device {
display: table-row;
}
.mx_DevicesPanel_device > div {
display: table-cell;
.mx_DevicesPanel_device td {
vertical-align: baseline;
padding: 0px;
}
.mx_DevicesPanel_myDevice {