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

Web:Files:Components: add styled header from sharing panel to embedding panel

Browse Source
This commit is contained in:
Timofey Boyko 2022-04-08 19:43:30 +03:00
parent 1a6d773496
commit 797324cd1e
2 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
products/ASC.Files/Client/src/components/panels/EmbeddingPanel/index.js
View File

@ -10,10 +10,11 @@ import i18n from "./i18n";
import {
StyledEmbeddingPanel,
StyledContent,
StyledHeaderContent,
StyledBody,
} from "../StyledPanels";
import { StyledHeaderContent } from "../SharingPanel/StyledSharingPanel";
import EmbeddingBody from "./EmbeddingBody";
class EmbeddingPanelComponent extends React.Component {
@ -40,19 +41,21 @@ class EmbeddingPanelComponent extends React.Component {
<Aside className="header_aside-panel">
<StyledContent>
<StyledHeaderContent>
<IconButton
size="16"
iconName="/static/images/arrow.path.react.svg"
onClick={this.onArrowClick}
// color={theme.filesPanels.embedding.color}
/>
<Heading
className="header_aside-panel-header"
size="medium"
truncate
>
{t("EmbeddingDocument")}
</Heading>
<div className="embedding_panel">
<IconButton
size="16"
iconName="/static/images/arrow.path.react.svg"
onClick={this.onArrowClick}
// color={theme.filesPanels.embedding.color}
/>
<Heading
className="header_aside-panel-header"
size="medium"
truncate
>
{t("EmbeddingDocument")}
</Heading>
</div>
</StyledHeaderContent>
<StyledBody>
<EmbeddingBody theme={theme} />

7
products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js
View File

@ -41,6 +41,13 @@ const StyledHeaderContent = styled.div`
}
}
.embedding_panel {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
}
.sharing_panel-icons-container {
display: flex;
margin-left: 16px;