mirror of
https://github.com/fleetdm/fleet
synced 2026-05-05 06:18:25 +00:00
f9ac557c8e
## Addresses #11356 Images of 3 fixed modals referenced in the issue: <img width="1235" alt="Screenshot 2023-05-12 at 4 11 52 PM" src="https://github.com/fleetdm/fleet/assets/61553566/098081c7-15d4-4009-92a0-7a2e14ffaab1"> <img width="1235" alt="Screenshot 2023-05-12 at 4 12 50 PM" src="https://github.com/fleetdm/fleet/assets/61553566/7d0f268d-f2dc-4686-a64d-94e28a94c717"> <img width="1235" alt="Screenshot 2023-05-12 at 4 13 26 PM" src="https://github.com/fleetdm/fleet/assets/61553566/d486b005-1344-4656-adec-c4929332816b"> ## Implemented: - [x] Updated global modal styles for consistency - [x] Add optional "width" prop to `Modal` - [x] Misc cleanup: - [x] Restore missing padding from inverse-alert buttons - [x] Improve naming, lots of cleanup - [x] More coming in separate PR - [x] Check each of the following modals, define `width` where necessary: - [x] Add hosts - [x] EnrollSecret - [x] Also fix misaligned icons - [x] SecretEditor - [x] DeleteSecret - [x] ShowQuery - [x] AddIntegration - [x] DeleteIntegration - [x] EditIntegration - [x] EditTeam - [x] RequestCSR - [x] HostStatusWebhook - [x] CreateTeam - [x] DeleteTeam - [x] EditTeam - [x] AddMember - [x] RemoveMember - [x] CreateUser - [x] DeleteUser - [x] EditUser - [x] Also fix randomly shorter 'Password' field - [x] ResetPassword - [x] ResetSessions - [x] WelcomeHost - [x] DeletHost - [x] TransferHost - [x] POlicyDetails - [x] AutoEnrollMdm - [x] Info - [x] ManualEnrollMdm - [x] ResetKey - [x] BootstrapPackage - [x] DiskEncryption - [x] OSPOlicy - [x] SelectQuery - [x] UnenrollMdm - [x] MacSettings - [x] DeleteLabel - [x] EditCOlumns - WIP, cannot QA yet (cc @ghernandez345): - DeleteScript - RerunScript - [x] DeleteProfile - [x] DeletePackage - allow to conform to default "m" width, 650px - [x] PackQueryEditor - allow to conform to default "m" width - [x] RemovePackQuery - allow to conform to default "m" width - [x] DeletePack - allow to conform to default "m" width - [x] AddPolicy - [x] DeletePolicy - allow to conform to default "m" width - [x] NewPolicy (now "SaveNewPolicyModal") - allow to conform to default "m" width - [x] DeleteQuery - [x] NewQuery - allow to conform to default "m" width - [x] PreviewData - [x] RemoveScheduledQuery - [x] ScheduleEditor - [x] UserSettingsPage (aka "get API token") - [x] 2 x ManageAutomations – set to large - [x] 2 x PreviewPayload - allow to conform to default "m" width - [x] 2 x PreviewTicket - same as ManageAutomations ## Checklist for submitter - [x] Changes file added for user-visible changes in `changes/` - [x] Manual QA for all new/changed functionality --------- Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
.enroll-secrets {
|
|
&__secret {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: $pad-medium;
|
|
}
|
|
|
|
.form-field {
|
|
margin-bottom: 0;
|
|
width: 500px; // TODO: configurable from classname in reusable component
|
|
}
|
|
|
|
&__secret-input {
|
|
.form-field__label {
|
|
position: relative;
|
|
font-size: $x-small;
|
|
font-weight: $bold;
|
|
margin-bottom: 0;
|
|
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: 4px;
|
|
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;
|
|
}
|
|
}
|