mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-11 10:28:41 -04:00
Katie Smith
7ff8b73088
There were 3 pages where we had a search button inline with a text box. This replaces the search button with a button from govuk-frontend and updates the way we style this button to use BEM, which is the style we now want to use.
94 lines
1.3 KiB
SCSS
94 lines
1.3 KiB
SCSS
.page-footer {
|
|
|
|
position: relative;
|
|
margin-bottom: 30px;
|
|
|
|
&-delete-link {
|
|
|
|
line-height: 40px;
|
|
padding: 1px 0 0 15px;
|
|
|
|
a {
|
|
|
|
&:visited,
|
|
&:link {
|
|
color: $error-colour;
|
|
display: inline-block;
|
|
vertical-align: center;
|
|
}
|
|
|
|
&:hover,
|
|
&:active {
|
|
color: $mellow-red;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&-delete-link-without-button {
|
|
@include core-19;
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
&-secondary-link {
|
|
display: block;
|
|
margin-top: $gutter;
|
|
}
|
|
|
|
&-right-aligned-link {
|
|
|
|
position: absolute;
|
|
right: 0;
|
|
top: 9px; // align baseline with buttons
|
|
|
|
&-without-button {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
}
|
|
|
|
.button,
|
|
.button-destructive {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.button-destructive {
|
|
@include button($error-colour);
|
|
padding: 0.52632em 0.78947em 0.26316em 0.78947em;
|
|
}
|
|
|
|
.js-cancel {
|
|
margin: 0;
|
|
}
|
|
|
|
&-centered-button {
|
|
|
|
.button {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.search-form__button {
|
|
@include media(desktop) {
|
|
position: relative;
|
|
top: 32px;
|
|
left: -30px;
|
|
width: 100%;
|
|
margin-right: -30px;
|
|
padding-top: 7px;
|
|
box-sizing: content-box;
|
|
|
|
&:active {
|
|
top: 32px;
|
|
}
|
|
}
|
|
}
|