21313: removed underline from permissions select Arvados-DCO-1.1-Signed-off-by: Lisa...
authorLisa Knox <lisaknox83@gmail.com>
Tue, 9 Apr 2024 17:10:27 +0000 (13:10 -0400)
committerLisa Knox <lisaknox83@gmail.com>
Tue, 9 Apr 2024 17:10:27 +0000 (13:10 -0400)
services/workbench2/src/views-components/sharing-dialog/permission-select.tsx
services/workbench2/src/views-components/sharing-dialog/sharing-invitation-form-component.tsx

index 3c4471f6489487cfe89ed322189ee5555b6b0a98..5201ba00d5538e7dc1e8a3600ca9a8821a50c10a 100644 (file)
@@ -47,6 +47,7 @@ export const formatPermissionLevel = (value: PermissionLevel) => {
 export const PermissionSelect = (props: SelectProps) =>
     <Select
         {...props}
+        disableUnderline
         renderValue={renderPermissionItem}>
         <MenuItem value={PermissionSelectValue.READ}>
             {renderPermissionItem(PermissionSelectValue.READ)}
index ca1a83d9c00f4467fc828646107e5de509e208f3..81fa557e4ebfef95f2c97c4ca55a3340ed562709 100644 (file)
@@ -4,43 +4,19 @@
 
 import React from 'react';
 import { Field, WrappedFieldProps, FieldArray, WrappedFieldArrayProps } from 'redux-form';
-import { Grid, FormControl, InputLabel, Tooltip, IconButton, StyleRulesCallback, Typography } from '@material-ui/core';
+import { Grid, FormControl, InputLabel, StyleRulesCallback, Divider } from '@material-ui/core';
 import { PermissionSelect, parsePermissionLevel, formatPermissionLevel } from './permission-select';
 import { ParticipantSelect, Participant } from './participant-select';
-import { AddIcon } from 'components/icon/icon';
 import { WithStyles } from '@material-ui/core/styles';
 import withStyles from '@material-ui/core/styles/withStyles';
 import { ArvadosTheme } from 'common/custom-theme';
 
-type SharingStyles = 'root' | 'addButtonRoot' | 'addButtonPrimary' | 'addButtonDisabled' | 'shareWarning' ;
+type SharingStyles = 'root';
 
 const styles: StyleRulesCallback<SharingStyles> = (theme: ArvadosTheme) => ({
     root: {
         padding: `${theme.spacing.unit}px 0`,
     },
-    addButtonRoot: {
-        height: "36px",
-        width: "36px",
-        marginRight: "6px",
-        marginLeft: "6px",
-        marginTop: "12px",
-    },
-    addButtonPrimary: {
-        color: theme.palette.primary.contrastText,
-        background: theme.palette.primary.main,
-        "&:hover": {
-            background: theme.palette.primary.dark,
-        }
-    },
-    addButtonDisabled: {
-        background: 'none',
-    },
-    shareWarning: {
-        color: theme.palette.error.main,
-        marginTop: '-1.1rem',
-        marginBottom: 0,
-        fontSize: '0.75rem',
-    },
 });
 
 const SharingInvitationFormComponent = (props: { onSave: () => void, saveEnabled: boolean }) => <StyledSharingInvitationFormComponent onSave={props.onSave} saveEnabled={props.saveEnabled} />