From f6489356fca9a5ffe1d3a9afa84b75aaf6de932b Mon Sep 17 00:00:00 2001 From: RachelElysia <71795832+RachelElysia@users.noreply.github.com> Date: Tue, 14 Oct 2025 10:53:32 -0400 Subject: [PATCH] Fleet UI: Fix some unreleased bugs for 4.75 (#34098) --- .../top_nav/SiteTopNav/_styles.scss | 2 +- .../cards/CustomSettings/_styles.scss | 2 +- .../components/ProfileListItem/_styles.scss | 1 + .../InstallerDetailsWidget/_styles.scss | 1 + .../AppleBusinessManagerTableConfig.tsx | 8 ++++++- .../AppleBusinessManagerTable/_styles.scss | 22 ++++++++++++++----- .../details/cards/HostSummary/_styles.scss | 1 + 7 files changed, 28 insertions(+), 9 deletions(-) diff --git a/frontend/components/top_nav/SiteTopNav/_styles.scss b/frontend/components/top_nav/SiteTopNav/_styles.scss index 18e2a75e4e..9f5e503abe 100644 --- a/frontend/components/top_nav/SiteTopNav/_styles.scss +++ b/frontend/components/top_nav/SiteTopNav/_styles.scss @@ -29,7 +29,7 @@ display: flex; align-items: center; gap: $pad-small; - color: $core-fleet-white; + color: $ui-fleet-black-75; font-weight: $regular; font-size: $xxx-small; cursor: default; diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss index a217d62aed..8dac473a70 100644 --- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss +++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss @@ -10,7 +10,7 @@ display: none; } :hover:not(.component__tooltip-wrapper__tip-text):not(.custom-link--tooltip-link) { - background-color: $ui-fleet-black-10; + background-color: $ui-off-white; .list-item__labels { display: none; } diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileListItem/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileListItem/_styles.scss index 95436510d1..24fce6f07b 100644 --- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileListItem/_styles.scss +++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileListItem/_styles.scss @@ -29,6 +29,7 @@ &--count { align-self: center; color: $ui-fleet-black-75; + font-size: $x-small; // Remove when global default font is implemented } } diff --git a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/InstallerDetailsWidget/_styles.scss b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/InstallerDetailsWidget/_styles.scss index fb3ad858b3..946f1ddf9a 100644 --- a/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/InstallerDetailsWidget/_styles.scss +++ b/frontend/pages/SoftwarePage/SoftwareTitleDetailsPage/SoftwareInstallerCard/InstallerDetailsWidget/_styles.scss @@ -20,6 +20,7 @@ display: flex; gap: $pad-xsmall; font-size: $xx-small; + align-items: center; } &__sha256 { diff --git a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/AppleBusinessManagerTableConfig.tsx b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/AppleBusinessManagerTableConfig.tsx index 221aea971e..27df012ecc 100644 --- a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/AppleBusinessManagerTableConfig.tsx +++ b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/AppleBusinessManagerTableConfig.tsx @@ -167,7 +167,13 @@ export const generateTableConfig = ( ( -
+
diff --git a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/_styles.scss b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/_styles.scss index d264477469..03bdf15232 100644 --- a/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/_styles.scss +++ b/frontend/pages/admin/IntegrationsPage/cards/MdmSettings/AppleBusinessManagerPage/components/AppleBusinessManagerTable/_styles.scss @@ -1,34 +1,44 @@ .apple-business-manager-table { - .data-table-block .data-table { td.apple_id__cell { max-width: 180px; } - td.macos_team__cell, td.ios_team__cell, td.ipados_team__cell { + td.macos_team__cell, + td.ios_team__cell, + td.ipados_team__cell { max-width: 150px; } - } + td.actions__cell { + .abm-actions-wrapper { + display: flex; + align-items: center; + } + } + } // The desired behavior is to hide the header and team cell one by one // as the viewport gets smaller. This is achieved by using the max-width // media query with the breakpoint values taken from when the table content // starts to overflow. @media (max-width: $break-lg) { - .ipados_team__header, .ipados_team__cell { + .ipados_team__header, + .ipados_team__cell { display: none; } } @media (max-width: 1230px) { - .ios_team__header, .ios_team__cell { + .ios_team__header, + .ios_team__cell { display: none; } } @media (max-width: $break-md) { - .macos_team__header, .macos_team__cell { + .macos_team__header, + .macos_team__cell { display: none; } } diff --git a/frontend/pages/hosts/details/cards/HostSummary/_styles.scss b/frontend/pages/hosts/details/cards/HostSummary/_styles.scss index 4812c37ce4..671bbb5102 100644 --- a/frontend/pages/hosts/details/cards/HostSummary/_styles.scss +++ b/frontend/pages/hosts/details/cards/HostSummary/_styles.scss @@ -16,5 +16,6 @@ .data-set dd { overflow: initial; + gap: $pad-xsmall; // Future iteration: Consider global gap to for data sets } }