mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-04-29 10:10:19 +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;
|
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 - Tables with a list of actions as buttons on top */
|
||||||
.button-table > .button-row + .table {
|
.button-table > .button-row + .table {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user