mirror of
https://github.com/fleetdm/fleet
synced 2026-04-21 21:47:20 +00:00
0876a9d695
relates to #24538, #24542, #24540, #24537 implements the UI for scoping software to fleet maintained apps and custom packages. This includes: **adding custom target label selection to fleet maintained app form** <img width="824" alt="image" src="https://github.com/user-attachments/assets/b0e18841-e5c5-406a-b83f-ce2b5a8f8472" /> **adding custom target label selection to custom package form** <img width="821" alt="image" src="https://github.com/user-attachments/assets/06279121-69bd-4663-aebd-930cd7c02190" /> ***adding custom target label selection on edit software modals** <img width="796" alt="image" src="https://github.com/user-attachments/assets/c15a8236-1b02-4d17-9245-e24967190eaf" /> also includes various small copy changes. - [x] Changes file added for user-visible changes in `changes/`, `orbit/changes/` or `ee/fleetd-chrome/changes`. - [ ] Added/updated tests - [x] Manual QA for all new/changed functionality
57 lines
960 B
SCSS
57 lines
960 B
SCSS
.target-label-selector {
|
|
font-size: $x-small;
|
|
|
|
&__custom-label-chooser {
|
|
margin-top: $pad-medium;
|
|
}
|
|
|
|
&__description {
|
|
margin: $pad-medium 0;
|
|
}
|
|
|
|
&__no-labels {
|
|
display: flex;
|
|
height: 187px;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: $pad-small;
|
|
justify-content: center;
|
|
|
|
span {
|
|
color: $ui-fleet-black-75;
|
|
}
|
|
}
|
|
|
|
&__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;
|
|
}
|
|
}
|