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 }; StyledDeleteIcon.defaultProps = { theme: Base };
const StyledHelpButton = styled(HelpButton)``; const StyledHelpButton = styled(HelpButton)`
margin-right: 8px;
`;
const StyledButtons = styled(Box)` const StyledButtons = styled(Box)`
padding: 16px 16px 16px 16px; padding: 16px 16px 16px 16px;
@ -239,10 +241,6 @@ const StyledToggleButton = styled(ToggleButton)`
margin-top: -4px; margin-top: -4px;
`; `;
const StyledText = styled(Text)`
flex-basis: 72%;
`;
export { export {
StyledBlock, StyledBlock,
StyledHeading, StyledHeading,
@ -265,6 +263,5 @@ export {
ScrollList, ScrollList,
StyledAccessSelector, StyledAccessSelector,
StyledToggleButton, StyledToggleButton,
StyledText,
StyledDescription, 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 AtReactSvgUrl from "PUBLIC_DIR/images/@.react.svg?url";
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import Avatar from "@docspace/components/avatar"; import Avatar from "@docspace/components/avatar";
import Text from "@docspace/components/text";
import { parseAddresses } from "@docspace/components/utils/email"; import { parseAddresses } from "@docspace/components/utils/email";
import { getAccessOptions } from "../utils"; import { getAccessOptions } from "../utils";
@ -14,7 +15,6 @@ import {
StyledCrossIcon, StyledCrossIcon,
StyledHelpButton, StyledHelpButton,
StyledDeleteIcon, StyledDeleteIcon,
StyledText,
} from "../StyledInvitePanel"; } from "../StyledInvitePanel";
import { filterUserRoleOptions } from "SRC_DIR/helpers/utils"; import { filterUserRoleOptions } from "SRC_DIR/helpers/utils";
@ -114,9 +114,9 @@ const Item = ({
const displayBody = ( const displayBody = (
<> <>
<StyledText {...textProps} truncate noSelect> <Text {...textProps} truncate noSelect>
{inputValue} {inputValue}
</StyledText> </Text>
{hasError ? ( {hasError ? (
<> <>
<StyledHelpButton <StyledHelpButton