fleet/frontend/components/EnrollSecrets/EnrollSecretTable/EnrollSecretRow/_styles.scss
Jacob Shandling 3ff0945bd0
UI: set local min-height to 0 to restore proper enroll secret icon alignment (#9043)
* set local min-height to 0 restores intended alignment

* Locally fix same issue on Get API Token modal

* Add changefile
2022-12-16 14:32:51 -08:00

69 lines
1.1 KiB
SCSS

.enroll-secrets {
&__secret {
display: flex;
align-items: center;
margin-bottom: $pad-medium;
}
.form-field {
margin-bottom: 0;
}
&__secret-input {
.form-field__label {
position: relative;
font-size: $x-small;
font-weight: $bold;
margin-bottom: 0;
width: 500px;
height: 0;
min-height: 0;
}
.input-field {
&--disabled {
letter-spacing: 0;
}
&--password {
letter-spacing: 4px;
}
}
}
&__copy-message {
position: absolute;
right: 65px;
background-color: $ui-light-grey;
border: solid 1px #e2e4ea;
border-radius: 10px;
padding: 2px 6px;
}
.buttons {
display: flex;
align-items: center;
position: absolute;
right: 16px;
top: 12px;
height: 16px;
span {
font-weight: $regular;
}
}
&--multiple-secrets {
.form-field__label {
margin-top: 0;
}
}
&__show-secret-icon,
&__copy-secret-icon,
&__edit-secret-icon,
&__delete-secret-icon {
padding: 0 $pad-small;
margin-left: $pad-xsmall;
}
}