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

fixed FloatingButton component

Browse Source
This commit is contained in:
Mushka Nikita 2023-02-21 15:27:52 +03:00
parent c080e352b0
commit 5b8880d484
3 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/common/components/FloatingButton/FloatingButton.js
View File

@ -67,7 +67,7 @@ const FloatingButton = (props) => {
}, [percent, setAnimationCompleted]);
return (
<StyledFloatingButtonWrapper>
<StyledFloatingButtonWrapper className="layout-progress-bar_wrapper">
<ColorTheme
{...props}
themeId={ThemeType.FloatingButton}

2
packages/common/components/FloatingButton/StyledFloatingButton.js
View File

@ -24,7 +24,7 @@ const StyledFloatingButtonWrapper = styled.div`
right: 77px;
bottom: 33px;
}
:hover {
&:hover {
.layout-progress-bar_close-icon {
display: block;
}

6
packages/common/components/Section/sub-components/section-container.js
View File

@ -73,6 +73,12 @@ const StyledSectionContainer = styled.section`
max-width: 100vw !important;
`}
.layout-progress-bar_wrapper {
position: fixed;
right: ${(props) =>
props.isInfoPanelVisible && !isMobile ? "424px" : "24px"};
}
.layout-progress-bar {
position: fixed;
right: ${(props) =>