fix(striker-ui): make file type drop-down menu readable

main
Tsu-ba-me 3 years ago
parent 74cd20dc7d
commit 5da85f7600
  1. 23
      striker-ui/components/Files/FileInfo.tsx

@ -7,6 +7,7 @@ import {
InputLabel,
inputLabelClasses,
MenuItem,
menuItemClasses,
OutlinedInput,
outlinedInputClasses,
Select,
@ -84,6 +85,24 @@ const StyledSelect = styled(Select)({
},
});
const StyledMenuItem = styled(MenuItem)({
backgroundColor: TEXT,
paddingRight: '3em',
[`&.${menuItemClasses.selected}`]: {
backgroundColor: GREY,
fontWeight: 400,
'&:hover': {
backgroundColor: GREY,
},
},
'&:hover': {
backgroundColor: GREY,
},
});
const FileLocationActiveCheckbox = styled(Checkbox)({
color: RED,
@ -142,9 +161,9 @@ const FileInfo = (
{UPLOAD_FILE_TYPES_ARRAY.map(
([fileTypeKey, [, fileTypeDisplayString]]) => {
return (
<MenuItem key={fileTypeKey} value={fileTypeKey}>
<StyledMenuItem key={fileTypeKey} value={fileTypeKey}>
{fileTypeDisplayString}
</MenuItem>
</StyledMenuItem>
);
},
)}

Loading…
Cancel
Save