fix accessibility issue caused by not using table (#9645)

* fix accessibility issue caused by not using table

* remove fixed background color
This commit is contained in:
Alan Ren
2020-03-17 12:01:55 -07:00
committed by GitHub
parent 6c8a7dc97f
commit 19dec78349
6 changed files with 116 additions and 229 deletions

View File

@@ -11,36 +11,11 @@
.declarative-table-header {
padding: 5px;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #F5F5F5;
border: 1px solid;
vertical-align: top;
}
.vs-dark .declarative-table-header
.hc-black .declarative-table-header {
padding: 5px;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #333334;
}
.declarative-table-cell {
padding: 5px;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
}
.declarative-table [role="gridcell"]:focus,
.declarative-table [role="gridcell"] *:focus,
.declarative-table [role="grid"] [tabindex="0"]:focus {
outline: #005a9c;
outline-style: dotted;
outline-width: 3px;
border-left: 1px solid;
}