Resource Deployment UX Refresh (#12173)

* adding new card to styles

* renamed property, removed unnecessary css

* Fixed to match new props

* added horizontal class

* merged from master
This commit is contained in:
Aasim Khan
2020-09-11 11:13:59 -07:00
committed by GitHub
parent 6929a803dc
commit a823e44393
5 changed files with 90 additions and 23 deletions

View File

@@ -61,7 +61,7 @@
border-color: rgb(214, 214, 214);
}
.horizontal .model-card .icon {
.horizontal .model-card .icon, .model-portal-card .cardIcon {
display: inline-block;
flex-grow: 1;
width: 100%;
@@ -221,3 +221,38 @@
text-align: right;
white-space: nowrap;
}
.horizontal .model-left-icon-card {
display: flex;
max-width: 365px;
height: calc(100% - 35px);
padding: 20px 15px 15px;
}
.horizontal .model-left-icon-card .left-icon-container {
height: 35px;
width: 35px;
flex: 0 0 35px;
}
.horizontal .model-left-icon-card .detail-container {
display: flex;
flex-direction: column;
flex: 1 1 0%;
padding: 0px 15px;
width: 77%;
}
.horizontal .model-left-icon-card .card-label {
margin-bottom: 12px;
font-weight: bold;
font-size: 14px;
}
.horizontal .model-left-icon-card .card-description {
margin-bottom: 12px;
font-size: 100%;
}