Files
azuredatastudio/src/sql/parts/modelComponents/card.css
2018-07-05 14:58:46 -07:00

123 lines
2.0 KiB
CSS

.model-card {
position: relative;
display: inline-block;
height: 90%;
width: auto;
margin: 15px;
border-width: 1px;
border-style: solid;
text-align: left;
vertical-align: top;
box-shadow: rgba(120, 120, 120, 0.75) 0px 0px 6px;
}
.model-card.selected {
border-color: darkblue
}
.vs-dark .monaco-workbench .model-card.selected,
.hc-black .monaco-workbench .model-card.selected {
border-color: darkblue
}
.model-card.unselected {
border-color: rgb(214, 214, 214);
}
.model-card .card-content {
position: relative;
display: inline-block;
height: auto;
width: auto;
padding: 10px 45px 20px 45px;
min-height: 30px;
min-width: 30px;
}
.model-card .card-vertical-button {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
height: auto;
width: auto;
padding: 5px 5px 5px 5px;
min-height: 130px;
min-width: 130px;
}
.model-card .card-label {
font-size: 12px;
font-weight: bold;
}
.model-card .card-value {
font-size: 12px;
line-height: 18px;
}
.model-card .iconContainer {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 10px 0px 10px 0px;
border-color: rgb(214, 214, 214);
}
.model-card .cardIcon {
display: inline-block;
flex-grow: 1;
width: 100%;
height: 100%;
max-width: 50px;
max-height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.model-card .card-status {
position: absolute;
top: 7px;
left: 5px;
overflow: hidden;
width: 22px;
height: 22px;
}
.model-card .status-content {
position: absolute;
top: 0px;
right: 0px;
min-width: 16px;
height: 16px;
border-radius: 8px;
text-align: center;
}
.model-card .model-table {
border-spacing: 5px;
}
.model-table .table-row {
width: auto;
clear: both;
}
.model-table .table-cell {
vertical-align: top;
padding: 7px;
}
.model-table a {
cursor: pointer;
text-decoration: underline
}