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

Web:Common:Section: display main bar in select module page

Browse Source
This commit is contained in:
Timofey Boyko 2022-04-01 17:11:25 +03:00
parent b5850c804e
commit 16ce2b8dc3
1 changed files with 24 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/asc-web-common/components/Section/index.js
View File

@ -79,6 +79,22 @@ const StyledMainBar = styled.div`
min-width: 100vw;
}
`}
${(props) =>
!props.isSectionHeaderAvailable &&
css`
width: 100vw !important;
max-width: 100vw !important;
${isMobile &&
css`
position: fixed;
top: 48px;
left: 0;
margin-left: 0 !important;
box-sizing: border-box;
`}
`}
`;
function SectionHeader() {
@ -238,6 +254,8 @@ class Section extends React.Component {
isSectionBodyAvailable ||
isSectionPagingAvailable;
console.log(isSectionAvailable);
const renderSection = () => {
return (
<>
@ -261,12 +279,13 @@ class Section extends React.Component {
maintenanceExist={maintenanceExist}
isSectionBarAvailable={isSectionBarAvailable}
>
{isSectionBarAvailable && !isMobile && (
{!isMobile && (
<StyledMainBar
width={width}
id="main-bar"
className={"main-bar"}
showText={showText}
isSectionHeaderAvailable={isSectionHeaderAvailable}
>
<SubSectionBar
setMaintenanceExist={setMaintenanceExist}
@ -314,12 +333,15 @@ class Section extends React.Component {
viewAs={viewAs}
isHomepage={isHomepage}
>
{isSectionBarAvailable && isMobile && (
{isMobile && (
<StyledMainBar
width={width}
id="main-bar"
className={"main-bar"}
showText={showText}
isSectionHeaderAvailable={
isSectionHeaderAvailable
}
>
<SubSectionBar
setMaintenanceExist={setMaintenanceExist}