accessible radio card (#8514)

* accessible radio card group

* set radio card group width

* address comments

* address comments 2

* fix the profile card not being focused issue
This commit is contained in:
Alan Ren
2019-12-03 13:26:00 -08:00
committed by GitHub
parent 82c60a23c0
commit b38b53b658
11 changed files with 517 additions and 205 deletions

View File

@@ -13,16 +13,7 @@
border-style: solid;
text-align: left;
vertical-align: top;
}
.model-card-list-item.selected, .model-card.selected {
border-color: rgb(0, 120, 215);
box-shadow: rgba(0, 120, 215, 0.75) 0px 0px 6px;
}
.model-card-list-item.unselected, .model-card.unselected {
border-color: rgb(214, 214, 214);
box-shadow: none;
}
.model-card .card-content {
@@ -122,7 +113,7 @@
border-radius: 50%;
background-color: white;
border-width: 1px;
border-color: rgb(0, 120, 215);
border-color: rgb(214, 214, 214);
border-style: solid;
}
@@ -207,3 +198,22 @@
.model-card-list-item-description-value {
float: right;
}
.card-group {
display: flex;
flex-flow: row;
}
.model-card-description-table {
margin-bottom: 10px;
}
.model-card-description-label-column {
text-align: left;
width: 100%;
}
.model-card-description-value-column {
text-align: right;
white-space: nowrap;
}