mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-04 13:41:38 -04:00
c6ab4d2c94
> On the send pages, we have a call to action in the middle of the > page with lots of words and placeholder buttony looking things > above and below it.... > > You'll also see this every time you use this page, even though you > probably get it after a single use. > > So let's wrap it up under a usefully titled (?) help link that > expands to reveal all the things. This commit implements the above. It also rewords the messaging to talk about various spreadsheet formats, not just CSV.
156 lines
1.7 KiB
SCSS
156 lines
1.7 KiB
SCSS
// Extra CSS overlaying elements
|
|
|
|
#global-header-bar {
|
|
background-color: $red;
|
|
}
|
|
|
|
#global-header {
|
|
|
|
#logo {
|
|
|
|
white-space: nowrap;
|
|
font-size: 27px;
|
|
line-height: 32px;
|
|
|
|
img {
|
|
padding-right: 8px;
|
|
}
|
|
|
|
}
|
|
|
|
.header-proposition {
|
|
#proposition-links {
|
|
li {
|
|
padding: 0 0 0 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
@include media(desktop) {
|
|
#proposition-menu {
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
a {
|
|
&:visited {
|
|
color: $link-colour;
|
|
}
|
|
}
|
|
|
|
.form-control-1-1 {
|
|
width: 100%;
|
|
}
|
|
|
|
.form-control-5em {
|
|
|
|
width: 100%;
|
|
|
|
@include media(tablet) {
|
|
width: 5em;
|
|
}
|
|
|
|
}
|
|
|
|
.column-main {
|
|
|
|
> .heading-large {
|
|
margin-top: $gutter;
|
|
}
|
|
|
|
> .grid-row {
|
|
|
|
.heading-large {
|
|
margin-top: $gutter;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.highlight {
|
|
font-family: monospace;
|
|
overflow-x: scroll;
|
|
padding: 10px 0 10px 10px;
|
|
}
|
|
|
|
.inline {
|
|
|
|
.block-label {
|
|
|
|
@include media(tablet) {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.heading-xlarge {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.heading-medium {
|
|
margin-top: $gutter;
|
|
}
|
|
|
|
#footer {
|
|
|
|
.footer-categories {
|
|
|
|
@extend %site-width-container;
|
|
|
|
&-wrapper {
|
|
padding: 0 0 $gutter * 2;
|
|
margin: 0 0 $gutter;
|
|
border-bottom: 1px solid $border-colour;
|
|
}
|
|
|
|
h2 {
|
|
margin: 0 0 $gutter-two-thirds;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-label {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
a[rel='external'] {
|
|
@include external-link-default;
|
|
@include external-link-16;
|
|
@include media(tablet) {
|
|
@include external-link-19;
|
|
}
|
|
}
|
|
|
|
.hint {
|
|
color: $secondary-text-colour;
|
|
}
|
|
|
|
.button {
|
|
padding: 0.3em 0.6em 0.2em 0.6em;
|
|
}
|
|
|
|
.list-bullet {
|
|
|
|
.list-bullet {
|
|
list-style: circle;
|
|
}
|
|
|
|
}
|
|
|
|
details summary {
|
|
text-decoration: underline;
|
|
margin-bottom: $gutter-half;
|
|
}
|