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

Merge pull request #1221 from ONLYOFFICE/feature/fix-long-name

Browse Source 
Web:Client:Adding an ellipsis to a long name in the info panel, addin…
This commit is contained in:
Alexey Safronov 2023-02-20 10:23:57 +03:00 committed by GitHub
commit fcf2cfb2a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -225,6 +225,10 @@ const StyledToggleButton = styled(ToggleButton)`
margin-top: -4px;
`;
const StyledText = styled(Text)`
flex-basis: 72%;
`;
export {
StyledBlock,
StyledHeading,
@ -247,4 +251,5 @@ export {
ScrollList,
StyledAccessSelector,
StyledToggleButton,
StyledText,
};

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

@ -1,8 +1,6 @@
import InfoEditReactSvgUrl from "PUBLIC_DIR/images/info.edit.react.svg?url";
import AtReactSvgUrl from "PUBLIC_DIR/images/@.react.svg?url";
import React, { useState, useEffect } from "react";
import Text from "@docspace/components/text";
import Avatar from "@docspace/components/avatar";
import { parseAddresses } from "@docspace/components/utils/email";
@ -16,6 +14,7 @@ import {
StyledCrossIcon,
StyledHelpButton,
StyledDeleteIcon,
StyledText,
} from "../StyledInvitePanel";
const Item = ({
@ -110,9 +109,9 @@ const Item = ({
const displayBody = (
<>
<Text {...textProps} noSelect>
<StyledText {...textProps} truncate noSelect>
{inputValue}
</Text>
</StyledText>
{hasError ? (
<>
<StyledHelpButton