mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 17:08:53 +00:00
Fleet UI: Fix some unreleased bugs for 4.75 (#34098)
This commit is contained in:
parent
b1e0bdf684
commit
f6489356fc
7 changed files with 28 additions and 9 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@
|
|||
&--count {
|
||||
align-self: center;
|
||||
color: $ui-fleet-black-75;
|
||||
font-size: $x-small; // Remove when global default font is implemented
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@
|
|||
display: flex;
|
||||
gap: $pad-xsmall;
|
||||
font-size: $xx-small;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__sha256 {
|
||||
|
|
|
|||
|
|
@ -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) =>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -16,5 +16,6 @@
|
|||
|
||||
.data-set dd {
|
||||
overflow: initial;
|
||||
gap: $pad-xsmall; // Future iteration: Consider global gap to for data sets
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue