mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-04 16:37:59 -04:00
687ccad018
This commit does two main things: - adds textboxes to the send yourself a test page, so you can replace ((name)) with ‘Chris’, or whatever your name is - rejigs the send page a bit to make it clearer what the CSV upload is for and how to use it The idea being that, since most users go into ‘send yourself a test’ first, it teaches them about how placeholders work by making them do the replacing themselves.
61 lines
894 B
SCSS
61 lines
894 B
SCSS
.js-enabled {
|
|
|
|
.file-upload {
|
|
|
|
&-label {
|
|
|
|
@include bold-19;
|
|
display: block;
|
|
margin: 0 0 10px 0;
|
|
|
|
.error-message {
|
|
padding: 0;
|
|
}
|
|
|
|
}
|
|
|
|
&-field {
|
|
width: 0.1px;
|
|
height: 0.1px;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
z-index: -1;
|
|
|
|
&:focus + .file-upload-button {
|
|
outline: 3px solid $yellow;
|
|
}
|
|
|
|
}
|
|
|
|
&-button {
|
|
@include button($button-colour);
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
&-button-cancel {
|
|
@include button($error-colour);
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
&-filename {
|
|
@include bold-19;
|
|
display: inline-block;
|
|
padding-left: $gutter-half;
|
|
}
|
|
|
|
&-submit {
|
|
display: none;
|
|
}
|
|
|
|
&-alternate-link {
|
|
display: inline-block;
|
|
line-height: 35px;
|
|
}
|
|
|
|
}
|
|
|
|
}
|