mirror of
https://github.com/fleetdm/fleet
synced 2026-05-21 07:58:31 +00:00
3ff0945bd0
* set local min-height to 0 restores intended alignment * Locally fix same issue on Get API Token modal * Add changefile
75 lines
1.1 KiB
SCSS
75 lines
1.1 KiB
SCSS
.secret-field {
|
|
&__secret-input {
|
|
margin-bottom: 8px;
|
|
|
|
.form-field__label {
|
|
position: relative;
|
|
font-size: $x-small;
|
|
font-weight: $bold;
|
|
margin-top: $pad-small;
|
|
width: 100%;
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.input-field {
|
|
width: 100%;
|
|
padding-right: 16%;
|
|
|
|
&--disabled {
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
&--password {
|
|
letter-spacing: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__secret-copy-icon {
|
|
color: $core-vibrant-blue;
|
|
margin-left: $pad-small;
|
|
margin-right: $pad-small;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
align-items: center;
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 12px;
|
|
height: 16px;
|
|
|
|
span {
|
|
font-weight: $regular;
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
img {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
&__secret-download-icon {
|
|
display: block;
|
|
font-size: $x-small;
|
|
color: $core-vibrant-blue;
|
|
font-weight: $bold;
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
img {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-left: 7px;
|
|
}
|
|
}
|
|
}
|