Fleet UI: Fix some unreleased bugs for 4.75 (#34098)

This commit is contained in:
RachelElysia 2025-10-14 10:53:32 -04:00 committed by GitHub
parent b1e0bdf684
commit f6489356fc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 28 additions and 9 deletions

View file

@ -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;

View file

@ -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;
}

View file

@ -29,6 +29,7 @@
&--count {
align-self: center;
color: $ui-fleet-black-75;
font-size: $x-small; // Remove when global default font is implemented
}
}

View file

@ -20,6 +20,7 @@
display: flex;
gap: $pad-xsmall;
font-size: $xx-small;
align-items: center;
}
&__sha256 {

View file

@ -167,7 +167,13 @@ export const generateTableConfig = (
<GitOpsModeTooltipWrapper
position="left"
renderChildren={(disableChildren) => (
<div className={disableChildren ? "disabled-by-gitops-mode" : ""}>
<div
className={
disableChildren
? "disabled-by-gitops-mode abm-actions-wrapper"
: "abm-actions-wrapper"
}
>
<ActionsDropdown
options={generateActions()}
onChange={(value: string) =>

View file

@ -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;
}
}

View file

@ -16,5 +16,6 @@
.data-set dd {
overflow: initial;
gap: $pad-xsmall; // Future iteration: Consider global gap to for data sets
}
}