mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
f3924b9129
## Follow-up for https://github.com/fleetdm/fleet/pull/27019 Makes the styling of the label chooser more flexible, will allow seamless merging of [incoming changes](https://github.com/fleetdm/fleet/pull/26867) - [x] Manual QA for all new/changed functionality Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
43 lines
750 B
SCSS
43 lines
750 B
SCSS
.target-label-selector {
|
|
width: 100%;
|
|
font-size: $x-small;
|
|
|
|
&__custom-label-chooser {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $pad-medium;
|
|
}
|
|
|
|
&__checkboxes {
|
|
display: flex;
|
|
max-height: 187px;
|
|
flex-direction: column;
|
|
border-radius: $border-radius;
|
|
border: 1px solid $ui-fleet-black-10;
|
|
overflow-y: auto;
|
|
|
|
.loading-spinner {
|
|
margin: 69.5px auto;
|
|
}
|
|
}
|
|
|
|
&__label {
|
|
width: 100%;
|
|
padding: $pad-small $pad-medium;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&:not(:last-child) {
|
|
border-bottom: 1px solid $ui-fleet-black-10;
|
|
}
|
|
|
|
.form-field--checkbox {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
&__label-name {
|
|
padding-left: $pad-large;
|
|
}
|
|
}
|