Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 17:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 83

Update styling of MDM enrollment modal in device user UI (#38901)

Browse source
This commit is contained in:
Sarah Gillespie 2026-01-29 08:39:06 -06:00 committed by GitHub
parent 300b379ff4
commit b1a6d67be4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/pages/hosts/details/DeviceUserPage/AutoEnrollMdmModal/AutoEnrollMdmModal.tsx
View file

@ -19,12 +19,14 @@ const AutoEnrollMdmModal = ({
onCancel,
}: IAutoEnrollMdmModalProps): JSX.Element => {
let isMacOsSonomaOrLater = false;
let isMacOs26OrLater = false;
if (platform === "darwin" && os_version.startsWith("macOS ")) {
const [major] = os_version
.replace("macOS ", "")
.split(".")
.map((s) => parseInt(s, 10));
isMacOsSonomaOrLater = major >= 14;
isMacOs26OrLater = major >= 26;
}
const preSonomaBody = (
@ -66,6 +68,9 @@ const AutoEnrollMdmModal = ({
</>
);
const enrollCTA = isMacOs26OrLater
? "Enroll in Device Management"
: "Enroll in Remote Management";
const sonomaAndAboveBody = (
<>
<p className={`${baseClass}__description`}>
@ -77,14 +82,14 @@ const AutoEnrollMdmModal = ({
<b>System Settings</b>.
</li>
<li>
In the sidebar menu, select <b>Enroll in Remote Management</b>, and
select <b>Enroll</b>.
In the sidebar menu, select <b>{enrollCTA}</b>, and select{" "}
<b>Enroll</b>.
<div className={`${baseClass}__profiles-renew`}>
<div className={`${baseClass}__profiles-renew--instructions`}>
If you don&apos;t see <b>Enroll in Remote Management</b>, open
your <b>Terminal</b> app (<b>Finder</b> {">"} <b>Applications</b>{" "}
{">"} <b>Utilities</b> folder), copy and paste the below command,
press enter, enter your password, and press enter again.
If you don&apos;t see <b>{enrollCTA}</b>, open your{" "}
<b>Terminal</b> app (<b>Finder</b> {">"} <b>Applications</b> {">"}{" "}
<b>Utilities</b> folder), copy and paste the below command, press
enter, enter your password, and press enter again.
</div>
<InputField
enableCopy

4
frontend/pages/hosts/details/DeviceUserPage/AutoEnrollMdmModal/_styles.scss
View file

@ -10,4 +10,8 @@
margin-bottom: $pad-small;
}
}
.input-field {
font-family: "SourceCodePro", $monospace;
}
}