fleet/frontend/components/forms/fields/InputFieldHiddenContent/_styles.scss
2024-06-11 11:11:40 -04:00

48 lines
823 B
SCSS

.input-field-hidden-content {
display: flex;
align-items: center;
&__secret-input {
.form-field__label {
position: relative;
font-size: $x-small;
font-weight: $bold;
margin-bottom: 0;
// TODO: figure out width when pulling out to common component
height: 0;
min-height: 0;
}
.input-field {
padding-right: 16%;
&--read-only {
letter-spacing: 0;
}
&--password {
letter-spacing: 4px;
}
}
}
&__action-overlay {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
width: 0;
left: -16px;
}
&__input-buttons {
display: flex;
align-items: center;
gap: 12px;
padding-left: 10px;
}
&__copy-message {
@include copy-message;
}
}