IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Client: InvitePanel: Fixed long text truncate for item name

Browse Source
This commit is contained in:
Ilya Oleshko 2023-04-06 14:17:49 +03:00
parent b95873963d
commit f69743e369
2 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/client/src/components/panels/InvitePanel/StyledInvitePanel.js
View File

@ -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,
};

6
packages/client/src/components/panels/InvitePanel/sub-components/Item.js
View File

@ -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