Update enrollment links font to monospaced (#37279)

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #36754

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [x] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.

## Testing

- [x] QA'd all new/changed functionality manually


Screenshots:

<img width="849" height="394" alt="Screenshot 2025-12-15 at 18 03 06"
src="https://github.com/user-attachments/assets/054d0d99-59b7-4664-b682-fb68a5cccad8"
/>
<img width="882" height="421" alt="Screenshot 2025-12-15 at 18 02 42"
src="https://github.com/user-attachments/assets/87ac021e-d88a-4cbf-8b46-8f674d838d3c"
/>
This commit is contained in:
Marko Lisica
2025-12-16 14:35:46 +01:00
committed by GitHub
parent a554564cf2
commit b233493d45
6 changed files with 11 additions and 4 deletions
+1
View File
@@ -0,0 +1 @@
* Changed iOS/iPadOS and Android enrollment links on Add hosts modal to monospaced font to improve readability.
@@ -44,7 +44,7 @@ const AndroidPanel = ({ enrollSecret }: IAndroidPanelProps) => {
label="Send this to your end users:"
enableCopy
readOnly
inputWrapperClass
inputWrapperClass={`${baseClass}__enroll-link`}
name="enroll-link"
value={url}
/>
@@ -1,3 +1,6 @@
.android-panel {
&__enroll-link input {
font-family: "SourceCodePro", $monospace;
color: $core-fleet-blue;
}
}
@@ -49,7 +49,7 @@ const IosIpadosPanel = ({ enrollSecret }: IosIpadosPanelProps) => {
label="Send this to your end users:"
enableCopy
readOnly
inputWrapperClass
inputWrapperClass={`${baseClass}__enroll-link`}
name="enroll-link"
value={url}
helpText={helpText}
@@ -5,4 +5,8 @@
&__spinner {
margin: $pad-xxlarge auto;
}
&__enroll-link input {
font-family: "SourceCodePro", $monospace;
color: $core-fleet-blue;
}
}
@@ -16,7 +16,6 @@
&__textarea {
font-family: "SourceCodePro", $monospace;
font-weight: $bold;
color: $core-fleet-blue;
line-height: $line-height;
line-break: anywhere;