fleet/frontend/components/forms/fields/InputFieldHiddenContent/_styles.scss
Gabriel Hernandez 52d0078bbc
check disk encryption key from host details page (#9691)
related to https://github.com/fleetdm/fleet/issues/8708

This allows a user to check a disk encryption key for a host on the host
details page.

- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
See [Changes
files](https://fleetdm.com/docs/contributing/committing-changes#changes-files)
for more information.
- [x] Manual QA for all new/changed functionality
2023-02-14 17:00:36 +00:00

63 lines
1.1 KiB
SCSS

.input-field-hidden-content {
&__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;
// TODO: figure out width when pulling out to common component
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;
}
}
&__show-secret-icon,
&__copy-secret-icon,
&__edit-secret-icon,
&__delete-secret-icon {
padding: 0 $pad-small;
margin-left: $pad-xsmall;
}
}