Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 59

Fleet UI: Fix host actions dropdown from cutting off last 2 options (#23335)

Browse source
This commit is contained in:
RachelElysia 2024-10-29 11:39:32 -04:00 committed by GitHub
parent 489035ef2b
commit eaac61534e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/components/ActionsDropdown/ActionsDropdown.tsx
View file

@ -124,10 +124,6 @@ const ActionsDropdown = ({
};
const customStyles: StylesConfig<IDropdownOption, false> = {
container: (provided) => ({
...provided,
width: "80px",
}),
control: (provided, state) => ({
...provided,
display: "flex",
@ -182,11 +178,10 @@ const ActionsDropdown = ({
boxShadow: "0 2px 6px rgba(0, 0, 0, 0.1)",
borderRadius: "4px",
zIndex: 6,
overflow: "hidden",
border: 0,
marginTop: 0,
minWidth: "158px",
maxHeight: "220px",
width: "auto",
minWidth: "100%",
position: "absolute",
left: getLeftMenuAlign(menuAlign),
right: getRightMenuAlign(menuAlign),
@ -195,6 +190,7 @@ const ActionsDropdown = ({
menuList: (provided) => ({
...provided,
padding: PADDING["pad-small"],
maxHeight: "initial", // Override react-select default height of 300px to avoid scrollbar on hostactionsdropdown
}),
valueContainer: (provided) => ({
...provided,
@ -205,6 +201,7 @@ const ActionsDropdown = ({
padding: "10px 8px",
fontSize: "14px",
backgroundColor: getOptionBackgroundColor(state),
whiteSpace: "nowrap",
"&:hover": {
backgroundColor: state.isDisabled
? "transparent"