Files
notifications-admin/app/assets/stylesheets/components/copy-to-clipboard.scss
Leo Hemsted 85f6881a56 rename api key component to copy_to_clipboard
does what it says on the tin, and is also consistent with prior art:
https://components.publishing.service.gov.uk/component-guide/copy_to_clipboard
2021-09-08 10:18:17 +01:00

34 lines
435 B
SCSS

.copy-to-clipboard {
position: relative;
padding-bottom: 38px; // height of button
display: flex;
&__name {
@include bold-19;
margin-bottom: 5px;
}
&__notice,
&__key {
font-family: monospace;
display: block;
padding: 0 0 10px 0;
margin: auto 0;
}
&__button--show,
&__button--copy {
position: absolute;
bottom: 2px;
left: 0px;
&:active {
top: auto;
}
}
}