Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 17:08:53 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 83

Fix tooltip formatting of run script modal when scripts are disabled (#16848)

Browse source
This commit is contained in:
Sarah Gillespie 2024-02-14 13:32:54 -06:00 committed by GitHub
parent ff5612e1dd
commit d3639cbbe6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/ScriptsTableConfig.tsx
View file

@ -8,6 +8,7 @@ import { IDropdownOption } from "interfaces/dropdownOption";
import { IHostScript, ILastExecution } from "interfaces/script";
import { IUser } from "interfaces/user";
import Icon from "components/Icon";
import DropdownCell from "components/TableContainer/DataTable/DropdownCell";
import {
isGlobalAdmin,
@ -131,8 +132,10 @@ export const generateTableColumnConfigs = (
accessor: "actions",
Cell: (cellProps: IDropdownCellProps) => {
if (scriptsDisabled) {
// create a basic span that doesn't use the dropdown component (which relies on react-select
// and makes it difficult for us to style the disabled tooltip underline on the placeholder text.
return (
<span>
<span className="run-script-action--disabled">
<TooltipWrapper
position="top"
tipContent={
@ -141,13 +144,9 @@ export const generateTableColumnConfigs = (
</div>
}
>
<DropdownCell
options={[] as IDropdownOption[]}
onChange={noop}
placeholder={"Actions"}
disabled={scriptsDisabled}
/>
Actions
</TooltipWrapper>
<Icon name="chevron-down" color="ui-fleet-black-50" />
</span>
);
}

12
frontend/pages/hosts/details/HostDetailsPage/modals/RunScriptModal/_styles.scss
View file

@ -33,4 +33,16 @@
}
}
}
// style a basic span that doesn't use the dropdown component (which relies on react-select
// and makes it difficult for us to style the disabled tooltip underline on the placeholder text.
.run-script-action--disabled {
cursor: pointer;
color: $ui-fleet-black-50;
display: flex;
padding: 5px;
justify-content: center;
align-items: center;
gap: 9px;
}
}