sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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} ) : null}
<footer className="App-toolbar"> <footer className="App-toolbar">
{renderAppToolbar()} {renderAppToolbar()}
{appState.scrolledOutside && !appState.openMenu && ( {appState.scrolledOutside &&
!appState.openMenu &&
!appState.isLibraryOpen && (
<button <button
className="scroll-back-to-content" className="scroll-back-to-content"
onClick={() => { onClick={() => {

8
src/components/ToolIcon.scss
View File

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

1
src/components/Toolbar.scss
View File

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