mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-28 18:24:00 -04:00
Restyle template statistics
This makes the template statistics section of the dashboard look less like its own weird thing and more like: - the templates page - the upcoming changes to the styling of the received text messages banner on the dashboard
This commit is contained in:
@@ -38,3 +38,9 @@
|
||||
@extend %show-more;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.show-more-no-border {
|
||||
@extend %show-more;
|
||||
border-top: 1px solid transparent;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
@@ -51,6 +51,65 @@
|
||||
|
||||
}
|
||||
|
||||
.template-statistics-table {
|
||||
|
||||
.table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.table-field-heading {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.table-field-heading-first {
|
||||
width: 52.5%;
|
||||
}
|
||||
|
||||
.table-row {
|
||||
th {
|
||||
display: table-cell;
|
||||
width: 52.5%;
|
||||
font-weight: normal;
|
||||
|
||||
.hint,
|
||||
p {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-template-name {
|
||||
|
||||
@include bold-24;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 10px 0 32px 0;
|
||||
margin: -10px 0 -32px 0;
|
||||
|
||||
&:focus {
|
||||
|
||||
color: $text-colour;
|
||||
|
||||
& + .template-statistics-table-hint {
|
||||
color: $text-colour;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-hint {
|
||||
@include core-19;
|
||||
color: $secondary-text-colour;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.settings-table {
|
||||
|
||||
table {
|
||||
|
||||
Reference in New Issue
Block a user