mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-04 16:11:11 -04:00
97a3bf9225
The ‘manage templates’ page was almost identical to the ‘send text messages’ page. This commit consolidates them into one and makes them all hang together. Part of this means tweaks to the javascript so that files upload as soon as you’ve chosen them.
101 lines
1.4 KiB
SCSS
101 lines
1.4 KiB
SCSS
.table {
|
|
margin-bottom: $gutter;
|
|
}
|
|
|
|
.table-heading {
|
|
text-align: left;
|
|
margin: 40px 0 5px 0;
|
|
}
|
|
|
|
.table-field-headings {
|
|
th {
|
|
padding: 0 0 5px 0;
|
|
}
|
|
}
|
|
|
|
%table-field,
|
|
.table-field {
|
|
|
|
&:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
&-status {
|
|
|
|
&-default {
|
|
color: $secondary-text-colour;
|
|
}
|
|
|
|
&-error {
|
|
|
|
color: $error-colour;
|
|
font-weight: bold;
|
|
|
|
a {
|
|
|
|
&:link,
|
|
&:visited {
|
|
color: $error-colour;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&-yes,
|
|
&-no {
|
|
display: block;
|
|
text-indent: -999em;
|
|
background-size: 19px 19px;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
}
|
|
|
|
&-yes {
|
|
background-image: file-url('tick.png');
|
|
}
|
|
|
|
&-missing {
|
|
color: $error-colour;
|
|
font-weight: bold;
|
|
border-left: 5px solid $error-colour;
|
|
padding-left: 7px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.table-field-heading {
|
|
|
|
&:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
&-right-aligned {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
}
|
|
|
|
.table-field-right-aligned {
|
|
@extend %table-field;
|
|
text-align: right;
|
|
}
|
|
|
|
.table-empty-message {
|
|
@include core-16;
|
|
color: $secondary-text-colour;
|
|
border-bottom: 1px solid $border-colour;
|
|
padding: 0.75em 0 0.5625em 0;
|
|
}
|
|
|
|
.table-show-more-link {
|
|
@include bold-16;
|
|
margin-top: -20px;
|
|
border-bottom: 1px solid $border-colour;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
}
|