mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-07-18 13:39:57 -04:00
cf80d0da26
Previously they were relative (ie percentages). This made sure that they worked on mobile, when the letter might be narrower. However it broke when the preview was more than one page, because 13% of the height of 2 pages is different to 13% of the height of one pages. This commit changes the positions to be pixel values, which match the calculated percentage values when the preview is one page.
42 lines
719 B
SCSS
42 lines
719 B
SCSS
.template-container {
|
|
position: relative;
|
|
}
|
|
|
|
%edit-template-link,
|
|
.edit-template-link {
|
|
|
|
@include core-19;
|
|
position: absolute;
|
|
background: $link-colour;
|
|
color: $white;
|
|
padding: 10px $gutter-half;
|
|
z-index: 10000;
|
|
|
|
&:link, &:visited {
|
|
color: $white;
|
|
}
|
|
|
|
&:hover {
|
|
color: $light-blue-25;
|
|
}
|
|
|
|
}
|
|
|
|
.edit-template-link-letter-contact {
|
|
@extend %edit-template-link;
|
|
right: -25px;
|
|
top: 138px; // align to top of contact block
|
|
}
|
|
|
|
.edit-template-link-letter-address {
|
|
@extend %edit-template-link;
|
|
top: 14.65%; // align bottom edge to bottom of address
|
|
left: -5px;
|
|
}
|
|
|
|
.edit-template-link-letter-body {
|
|
@extend %edit-template-link;
|
|
top: 400px; // aligns to top of subject
|
|
left: -5px;
|
|
}
|