smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: account for safe area for floating buttons on mobile (#5420)

Browse source
This commit is contained in:
David Luzar 2022-07-19 15:44:14 +02:00 • committed by GitHub
parent 792f238d16
commit a7937681e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/MobileMenu.tsx
View file

@ -227,7 +227,9 @@ export const MobileMenu = ({
) : null}
<footer className="App-toolbar">
{renderAppToolbar()}
{appState.scrolledOutside && !appState.openMenu && (
{appState.scrolledOutside &&
!appState.openMenu &&
!appState.isLibraryOpen && (
<button
className="scroll-back-to-content"
onClick={() => {

8
src/components/ToolIcon.scss
View file

@ -212,16 +212,14 @@
}
}
.ToolIcon.ToolIcon__library {
top: 100px;
top: calc(var(--sat) + 100px);
}
.ToolIcon.ToolIcon__lock {
margin-inline-end: 0;
top: 60px;
top: calc(var(--sat) + 60px);
}
.ToolIcon.ToolIcon__penMode {
margin-inline-end: 0;
top: 140px;
top: calc(var(--sat) + 140px);
}
}

1
src/components/Toolbar.scss
View file

@ -32,7 +32,6 @@
}
.ToolIcon.ToolIcon__lock {
margin-inline-end: var(--space-factor);
&.ToolIcon_type_floating {
margin-left: 0.1rem;
}