mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-01-21 07:55:00 +00:00
system: Implement new style for cards
Reviewed-by: Joseph Nuthalapati <njoseph@riseup.net>
This commit is contained in:
parent
ca624e718a
commit
e398f58ca9
@ -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;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user