mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-23 17:39:13 -04:00
27ad1532e4
For users who: - want to send messages from a template - want to edit templates For developers: - who need to get the ID of a template This commit mainly cleans up the choose template page so there are less options, and the options that are there are less wordy. This means: - moving ‘send yourself a test’ onto the send messages page, and making it button - stripping a lot of stuff out of the ‘send from API’ page, so it’s more obvious what the template ID is
124 lines
1.6 KiB
SCSS
124 lines
1.6 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 {
|
|
|
|
vertical-align: top;
|
|
|
|
&:last-child {
|
|
padding-right: 0;
|
|
}
|
|
|
|
&-error {
|
|
|
|
border-left: 5px solid $error-colour;
|
|
padding-left: 7px;
|
|
display: block;
|
|
|
|
&-label {
|
|
display: block;
|
|
color: $error-colour;
|
|
font-weight: bold;
|
|
}
|
|
|
|
}
|
|
|
|
&-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');
|
|
}
|
|
|
|
}
|
|
|
|
&-index {
|
|
width: 15px;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 5px 0;
|
|
}
|
|
|
|
}
|
|
|
|
.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 core-16;
|
|
color: $secondary-text-colour;
|
|
margin-top: -20px;
|
|
margin-bottom: $gutter * 1.3333;
|
|
border-bottom: 1px solid $border-colour;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
a.table-show-more-link {
|
|
color: $link-colour;
|
|
}
|