github.com/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2024-11-02 03:25:53 +01:00
Code Releases Wiki Activity

fix: mobile tools positioning (#6107)

Browse Source 
* fix: mobile tools positioning

* add var for padding

* use css var

* new line

* stupid mistake

* lint
This commit is contained in:
Aakansha Doshi 2023-01-13 00:57:25 +05:30 committed by GitHub
parent faad8a65f1
commit 99fdffdab7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/FixedSideContainer.scss
View File

@ -1,3 +1,5 @@
@import "../css/variables.module";
.excalidraw {
.FixedSideContainer {
position: absolute;
@ -9,10 +11,10 @@
}
.FixedSideContainer_side_top {
left: 1rem;
top: 1rem;
right: 1rem;
bottom: 1rem;
left: var(--editor-container-padding);
top: var(--editor-container-padding);
right: var(--editor-container-padding);
bottom: var(--editor-container-padding);
z-index: 2;
}

4
src/css/styles.scss
View File

@ -541,8 +541,8 @@
.mobile-misc-tools-container {
position: absolute;
top: 5rem;
right: 0;
top: calc(5rem - var(--editor-container-padding));
right: calc(var(--editor-container-padding) * -1);
display: flex;
flex-direction: column;
border: 1px solid var(--sidebar-border-color);

1
src/css/theme.scss
View File

@ -42,6 +42,7 @@
--default-icon-size: 1rem;
--lg-button-size: 2.25rem;
--lg-icon-size: 1rem;
--editor-container-padding: 1rem;
@media screen and (min-device-width: 1921px) {
--lg-button-size: 2.5rem;