system: Implement new style for cards

Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
Sunil Mohan Adapa 2020-02-13 15:40:50 -08:00 committed by Joseph Nuthalapati
parent ca624e718a
commit e398f58ca9
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35

View File

@ -385,6 +385,48 @@ a.menu_link_active {
font-size: 80px;
}
/* System page - special card styling */
.system-page .card {
text-align: left;
width: 23rem;
}
.system-page .card .nav-link {
display: grid;
grid-template-columns: 35px auto;
grid-column-gap: 10px;
padding: 13px;
}
.system-page .card-title {
font-size: 18px;
font-style: normal;
font-weight: bold;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
grid-row: 1;
grid-column: 2;
padding: 0;
}
.system-page .card-icon {
grid-row: 1 / 3;
grid-column: 1;
}
.system-page .card-icon span {
height: auto;
font-size: 35px;
}
.system-page .card-description {
grid-row: 2;
grid-column: 2;
padding: 0;
min-height: 1.8rem;
}
/* Button table - Tables with a list of actions as buttons on top */
.button-table > .button-row + .table {
margin-top: 10px;