smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

use absolute positioning instead of fixed (#1860)

Browse source
This commit is contained in:
Aakansha Doshi 2020-07-02 18:57:47 +05:30 • committed by GitHub
parent d9e84b90ce
commit b21f723eee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 30 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/FixedSideContainer.css
View file

@ -1,6 +1,6 @@
.FixedSideContainer {
--margin: 0.25rem;
position: fixed;
position: absolute;
pointer-events: none;
}

42
src/components/LayerUI.tsx
View file

@ -224,29 +224,32 @@ const LayerUI = ({
))}
</UserList>
</div>
{
<div
className={`App-menu App-menu_bottom zen-mode-transition ${
zenModeEnabled && "App-menu_bottom--transition-left"
}`}
>
<Stack.Col gap={2}>
<Section heading="canvasActions">
<Island padding={1}>
<ZoomActions
renderAction={actionManager.renderAction}
zoom={appState.zoom}
/>
</Island>
{renderEncryptedIcon()}
</Section>
</Stack.Col>
</div>
}
</FixedSideContainer>
);
};
const renderBottomAppMenu = () => {
return (
<div
className={`App-menu App-menu_bottom zen-mode-transition ${
zenModeEnabled && "App-menu_bottom--transition-left"
}`}
>
<Stack.Col gap={2}>
<Section heading="canvasActions">
<Island padding={1}>
<ZoomActions
renderAction={actionManager.renderAction}
zoom={appState.zoom}
/>
</Island>
{renderEncryptedIcon()}
</Section>
</Stack.Col>
</div>
);
};
const renderFooter = () => (
<footer role="contentinfo" className="layer-ui__wrapper__footer">
<div
@ -315,6 +318,7 @@ const LayerUI = ({
/>
)}
{renderFixedSideContainer()}
{renderBottomAppMenu()}
{
<aside
className={`layer-ui__wrapper__github-corner zen-mode-transition ${