sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 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 { .excalidraw {
.FixedSideContainer { .FixedSideContainer {
position: absolute; position: absolute;
@ -9,10 +11,10 @@
} }
.FixedSideContainer_side_top { .FixedSideContainer_side_top {
left: 1rem; left: var(--editor-container-padding);
top: 1rem; top: var(--editor-container-padding);
right: 1rem; right: var(--editor-container-padding);
bottom: 1rem; bottom: var(--editor-container-padding);
z-index: 2; z-index: 2;
} }

4
src/css/styles.scss
View File

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

1
src/css/theme.scss
View File

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