From dd7568f277529f6eb0021de326465cd618b455f4 Mon Sep 17 00:00:00 2001 From: Eric Date: Wed, 19 Nov 2025 18:21:11 -0600 Subject: [PATCH] Website: (2025-11-19) browser compatibility style fixes (#36031) Related to: #35263 Closes: https://github.com/fleetdm/fleet/issues/36022 Closes: https://github.com/fleetdm/fleet/issues/36027 Closes: https://github.com/fleetdm/fleet/issues/36029 Changes: - Updated the CTA on the /testimonials page to match wireframes - Updated the height of the community Slack links on the /support page at <768px screen width - Updated the controls library mobile navigation to display the name of the page the user is currently on. - Fixed the color of the sign up modal close button on IOS --- .../components/animated-arrow-button.component.less | 1 + .../styles/components/signup-modal.component.less | 1 + website/assets/styles/pages/query-detail.less | 5 ++++- website/assets/styles/pages/support.less | 10 ++++++++++ website/assets/styles/pages/testimonials.less | 12 +++++++++++- website/views/layouts/layout.ejs | 2 +- website/views/pages/command-details.ejs | 2 +- website/views/pages/mdm-commands.ejs | 2 +- website/views/pages/os-settings.ejs | 2 +- website/views/pages/policy-details.ejs | 2 +- website/views/pages/query-detail.ejs | 4 ++-- website/views/pages/script-details.ejs | 2 +- website/views/pages/scripts.ejs | 4 ++-- 13 files changed, 37 insertions(+), 12 deletions(-) diff --git a/website/assets/styles/components/animated-arrow-button.component.less b/website/assets/styles/components/animated-arrow-button.component.less index 61d9b459b8..7b048e6aa0 100644 --- a/website/assets/styles/components/animated-arrow-button.component.less +++ b/website/assets/styles/components/animated-arrow-button.component.less @@ -12,6 +12,7 @@ padding: 6px 0px; text-decoration: none; font-weight: 700; + cursor: pointer; [purpose='button-text'] { color: @core-fleet-black; } diff --git a/website/assets/styles/components/signup-modal.component.less b/website/assets/styles/components/signup-modal.component.less index 5290f9a8f3..dc6c46b978 100644 --- a/website/assets/styles/components/signup-modal.component.less +++ b/website/assets/styles/components/signup-modal.component.less @@ -174,6 +174,7 @@ [purpose='modal-close-button'] { .btn-reset(); opacity: 0.6; + color: #515774; top: 25px; right: 25px; font-size: 28px; diff --git a/website/assets/styles/pages/query-detail.less b/website/assets/styles/pages/query-detail.less index 45b048faee..bc1ed7488d 100644 --- a/website/assets/styles/pages/query-detail.less +++ b/website/assets/styles/pages/query-detail.less @@ -225,7 +225,7 @@ background: #F7F7FC; margin-bottom: 40px; img { - width: 16px; + min-width: 16px; height: 16px; } p { @@ -238,6 +238,9 @@ font-weight: 400; line-height: 150%; } + [purpose='note-text'] { + margin-left: 8px; + } code { color: #515774; font-family: 'Source Code Pro'; diff --git a/website/assets/styles/pages/support.less b/website/assets/styles/pages/support.less index 615420724a..ac895504db 100644 --- a/website/assets/styles/pages/support.less +++ b/website/assets/styles/pages/support.less @@ -62,6 +62,7 @@ margin-right: 12px; margin-bottom: 30px; box-shadow: none; + &:hover { text-decoration: none; } @@ -72,6 +73,7 @@ margin-bottom: 30px; a { text-decoration: none; + min-width: 0px; } [purpose='support-card'] { width: 100%; @@ -84,6 +86,7 @@ [purpose='support-cards'] { a { text-decoration: none; + min-width: 0px; } flex-direction: column; [purpose='support-row'] { @@ -177,6 +180,9 @@ a { width: 100%; } + [purpose='support-card'] { + height: 230px; + } } } @@ -191,6 +197,7 @@ [purpose='community-cards'] { [purpose='support-card'] { padding: 32px 40px 40px 40px; + height: fit-content; } } [purpose='page-title'] { @@ -214,16 +221,19 @@ margin-bottom: 30px; margin-right: 0px; margin-left: 0px; + } [purpose='community-cards'] { [purpose='support-card'] { padding-top: 32px; margin-bottom: 16px; + } } [purpose='support-cards'] { [purpose='support-card'] { margin-bottom: 16px; + } } diff --git a/website/assets/styles/pages/testimonials.less b/website/assets/styles/pages/testimonials.less index 210a7ab0ed..156775c227 100644 --- a/website/assets/styles/pages/testimonials.less +++ b/website/assets/styles/pages/testimonials.less @@ -311,7 +311,7 @@ align-items: center; gap: 4px; border-radius: 8px; - background: var(--color-brand-vibrant-red, #FF5C83); + background: @core-vibrant-green; color: var(--Core-White, #FFF); text-align: center; @@ -556,6 +556,16 @@ } } } + [purpose='bottom-cta'] { + [purpose='button-row'] { + [purpose='cta-button'] { + margin-right: 0px; + width: 100%; + margin-bottom: 16px; + } + } + } + [purpose='video-modal'] { [purpose='modal-content'] { width: 95vw; diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs index c25e397245..8d8d6b43d0 100644 --- a/website/views/layouts/layout.ejs +++ b/website/views/layouts/layout.ejs @@ -968,7 +968,7 @@ // - https://github.com/lancedikson/bowser/tree/1fb99ced0e8834fd9662604bad7e0f0c3eba2786#rendering-engine-flags // -------------------------------------------------------------------- var LATEST_SUPPORTED_VERSION_BY_OS = { - iOS: '13',//« earliest version that suppports the embedded podcast player. + iOS: '14',//« earliest version that suppports the embedded podcast player. Android: '6' // « Note: the earliest version we can test for compatibility issues with on browserstack is Android 7, but Google's search crawler uses an Android 6 user agent. }; var LATEST_SUPPORTED_VERSION_BY_USER_AGENT = { diff --git a/website/views/pages/command-details.ejs b/website/views/pages/command-details.ejs index 20b2abcc62..b5cc1a7d97 100644 --- a/website/views/pages/command-details.ejs +++ b/website/views/pages/command-details.ejs @@ -34,7 +34,7 @@
- Suggest an editSuggest an edit + Suggest an editSuggest an edit Talk to an engineerGet a demo
diff --git a/website/views/pages/mdm-commands.ejs b/website/views/pages/mdm-commands.ejs index ace334dd11..9f786160ac 100644 --- a/website/views/pages/mdm-commands.ejs +++ b/website/views/pages/mdm-commands.ejs @@ -30,7 +30,7 @@
-

Controls

+

MDM commands

click to open the table of contents
diff --git a/website/views/pages/os-settings.ejs b/website/views/pages/os-settings.ejs index d4d764f82d..a5ee5941db 100644 --- a/website/views/pages/os-settings.ejs +++ b/website/views/pages/os-settings.ejs @@ -30,7 +30,7 @@
-

Controls

+

OS settings

click to open the table of contents
diff --git a/website/views/pages/policy-details.ejs b/website/views/pages/policy-details.ejs index 79da418192..8c21a892f8 100644 --- a/website/views/pages/policy-details.ejs +++ b/website/views/pages/policy-details.ejs @@ -82,7 +82,7 @@ Docs REST API Guides - A pencil iconEdit page + A pencil iconEdit page diff --git a/website/views/pages/query-detail.ejs b/website/views/pages/query-detail.ejs index 2af0f8c7cd..db6c714ca1 100644 --- a/website/views/pages/query-detail.ejs +++ b/website/views/pages/query-detail.ejs @@ -36,13 +36,13 @@
An icon indicating that this section has important information -
+

PowerShell commands are currently work in progress, contributions welcome.

An icon indicating that this section has important information -
+

Bash commands for macOS are currently work in progress, contributions welcome.

diff --git a/website/views/pages/script-details.ejs b/website/views/pages/script-details.ejs index 19526eb627..095b26523b 100644 --- a/website/views/pages/script-details.ejs +++ b/website/views/pages/script-details.ejs @@ -32,7 +32,7 @@
- Suggest an editEdit + Suggest an editEdit Talk to an engineerGet a demo
diff --git a/website/views/pages/scripts.ejs b/website/views/pages/scripts.ejs index ce7579c6ea..3688ee0e0e 100644 --- a/website/views/pages/scripts.ejs +++ b/website/views/pages/scripts.ejs @@ -29,8 +29,8 @@ OS settings
-
-

Controls

+
+

Scripts

click to open the table of contents