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:
Chris Hill-Scott
2020-02-12 10:45:15 +00:00
parent 97d6855ff7
commit 89b88ee4cb
8 changed files with 91 additions and 44 deletions

View File

@@ -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;
}

View File

@@ -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 {