Web: Client: InvitePanel: Fixed long text truncate for item name
This commit is contained in:
parent
b95873963d
commit
f69743e369
@ -213,7 +213,9 @@ const StyledDeleteIcon = styled(DeleteIcon)`
|
||||
|
||||
StyledDeleteIcon.defaultProps = { theme: Base };
|
||||
|
||||
const StyledHelpButton = styled(HelpButton)``;
|
||||
const StyledHelpButton = styled(HelpButton)`
|
||||
margin-right: 8px;
|
||||
`;
|
||||
|
||||
const StyledButtons = styled(Box)`
|
||||
padding: 16px 16px 16px 16px;
|
||||
@ -239,10 +241,6 @@ const StyledToggleButton = styled(ToggleButton)`
|
||||
margin-top: -4px;
|
||||
`;
|
||||
|
||||
const StyledText = styled(Text)`
|
||||
flex-basis: 72%;
|
||||
`;
|
||||
|
||||
export {
|
||||
StyledBlock,
|
||||
StyledHeading,
|
||||
@ -265,6 +263,5 @@ export {
|
||||
ScrollList,
|
||||
StyledAccessSelector,
|
||||
StyledToggleButton,
|
||||
StyledText,
|
||||
StyledDescription,
|
||||
};
|
||||
|
@ -2,6 +2,7 @@
|
||||
import AtReactSvgUrl from "PUBLIC_DIR/images/@.react.svg?url";
|
||||
import React, { useState, useEffect } from "react";
|
||||
import Avatar from "@docspace/components/avatar";
|
||||
import Text from "@docspace/components/text";
|
||||
|
||||
import { parseAddresses } from "@docspace/components/utils/email";
|
||||
import { getAccessOptions } from "../utils";
|
||||
@ -14,7 +15,6 @@ import {
|
||||
StyledCrossIcon,
|
||||
StyledHelpButton,
|
||||
StyledDeleteIcon,
|
||||
StyledText,
|
||||
} from "../StyledInvitePanel";
|
||||
import { filterUserRoleOptions } from "SRC_DIR/helpers/utils";
|
||||
|
||||
@ -114,9 +114,9 @@ const Item = ({
|
||||
|
||||
const displayBody = (
|
||||
<>
|
||||
<StyledText {...textProps} truncate noSelect>
|
||||
<Text {...textProps} truncate noSelect>
|
||||
{inputValue}
|
||||
</StyledText>
|
||||
</Text>
|
||||
{hasError ? (
|
||||
<>
|
||||
<StyledHelpButton
|
||||
|
Loading…
Reference in New Issue
Block a user