fleet/frontend/components/Editor/_styles.scss

36 lines
593 B
SCSS

.editor {
position: relative; // needed for copy button
&__label {
font-size: $x-small;
font-weight: $bold;
&--error {
color: $core-vibrant-red;
}
}
&__help-text {
@include help-text;
}
&__error {
.ace-fleet {
border: 1px solid $core-vibrant-red;
}
}
/* Matches inputfield copy button position */
&__copy-wrapper {
position: absolute;
top: 28px;
right: 5px;
z-index: 2; /* Ensure it's above the editor */
display: flex;
align-items: center;
}
&__copied-confirmation {
@include copy-message;
}
}