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

@@ -134,8 +134,7 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
isReadOnly: true,
width: 25,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF'
'border': 'none'
},
rowCssStyles: {
'border-top': 'solid 1px #ccc',
@@ -151,7 +150,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 175,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -168,7 +166,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 150,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -185,7 +182,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
'text-align': 'left',
...cssStyles.tableHeader
},
@@ -204,7 +200,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 150,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF'
},
rowCssStyles: {
'border-top': 'solid 1px #ccc',
@@ -262,7 +257,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 200,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -279,7 +273,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 350,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -299,7 +292,6 @@ export class BdcDashboardOverviewPage extends BdcDashboardPage {
width: 50,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF'
},
rowCssStyles: {
'border-top': 'solid 1px #ccc',

View File

@@ -82,8 +82,7 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
isReadOnly: true,
width: 25,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF'
'border': 'none'
},
rowCssStyles: {
'border-top': 'solid 1px #ccc',
@@ -99,7 +98,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -116,7 +114,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 150,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -133,7 +130,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
'text-align': 'left',
...cssStyles.tableHeader
},
@@ -151,8 +147,7 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
isReadOnly: true,
width: 150,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF'
'border': 'none'
},
rowCssStyles: {
'border-top': 'solid 1px #ccc',
@@ -186,7 +181,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 125,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -203,7 +197,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
...cssStyles.tableHeader
},
rowCssStyles: {
@@ -225,7 +218,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
'text-align': 'left',
...cssStyles.tableHeader
},
@@ -246,7 +238,6 @@ export class BdcDashboardResourceStatusPage extends BdcDashboardPage {
width: 100,
headerCssStyles: {
'border': 'none',
'background-color': '#FFFFFF',
'text-align': 'left',
...cssStyles.tableHeader
},