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

Web:Client:Fix long name settings header.

Browse Source
This commit is contained in:
Vlada Gazizova 2023-03-21 11:43:36 +03:00
parent 48b668ff4a
commit a90b519321
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/client/src/pages/PortalSettings/Layout/Section/Header/index.js
View File

@ -34,6 +34,12 @@ const HeaderContainer = styled.div`
.settings-section_badge { .settings-section_badge {
margin-left: 8px; margin-left: 8px;
} }
.header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
} }
.action-wrapper { .action-wrapper {
flex-grow: 1; flex-grow: 1;
@ -308,7 +314,7 @@ class SectionHeaderContent extends React.Component {
)} )}
<Headline type="content" truncate={true}> <Headline type="content" truncate={true}>
<div className="settings-section_header"> <div className="settings-section_header">
{t(header)} <div className="header"> {t(header)}</div>
{isNeedPaidIcon ? ( {isNeedPaidIcon ? (
<Badge <Badge
backgroundColor="#EDC409" backgroundColor="#EDC409"