Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Excalidraw toolbar position too low on mobile #2159

Open
1 task done
Deus333 opened this issue Dec 17, 2024 · 4 comments
Open
1 task done

Excalidraw toolbar position too low on mobile #2159

Deus333 opened this issue Dec 17, 2024 · 4 comments
Labels

Comments

@Deus333
Copy link

Deus333 commented Dec 17, 2024

Have you checked the documentation and searched existing issues?

  • Yes, I have reviewed the documentation and searched for related issues.

Your question

When using Excalidraw on a mobile device (Iphone 16 pro), the toolbar is positioned too low on the screen is there any way to adjust it?
IMG_0045

Steps you've already tried

No response

Expected outcome

No response

Additional context

No response

@zsviczian
Copy link
Owner

Please include Obsidian debug information (command palette/show debug info).
By the looks of it this is an issue with the theme you are using or maybe a CSS snippet you have, however, because you have not include the debug info I can't really say for sure...

here's how Excalidraw looks like on my S23 Ultra:
image

@Deus333
Copy link
Author

Deus333 commented Dec 17, 2024

SYSTEM INFO:
Operating system: ios 18.2 (Apple iPhone17,1)
Obsidian version: 1.7.7 (172)
API version: v1.7.7
Login status: not logged in
Language: en
Live preview: on
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 44
Plugins enabled: 34
1: Templater v2.9.1
2: Dataview v0.5.67
3: Tag Wrangler v0.6.1
4: ExcaliBrain v0.2.15
5: Hotkeys++ v0.2.7
6: Natural Language Dates v0.6.2
7: Banners v1.3.3
8: Tracker v1.14.0
9: Outliner v4.8.1
10: Note Refactor v1.8.2
11: Advanced Tables v0.22.1
12: QuickAdd v1.11.4
13: Copy Block Link v1.0.4
14: Kanban v2.0.51
15: Projects v1.17.4
16: RTL Support v2.0.0
17: Highlightr v1.2.2
18: PDF Highlights v0.0.4
19: Full Calendar v0.10.7
20: LanguageTool Integration v0.3.7
21: Tasks v7.13.0
22: Periodic Notes v0.0.17
23: CardBoard v0.7.9
24: Aosr v1.1.4
25: Commander v0.5.2
26: Spaced Repetition v1.13.2
27: Recent Files v1.7.3
28: Calendar v1.5.10
29: Annotator v0.2.11
30: Language Translator v1.0.4
31: Dictionary v2.22.0
32: Version History Diff v2.2.1
33: Map View v5.0.3
34: Excalidraw v2.6.8

RECOMMENDATIONS:
Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

@Deus333
Copy link
Author

Deus333 commented Dec 17, 2024

image

They're all off and my theme is default

@zsviczian
Copy link
Owner

This is definitely a CSS issue. there are two things you can try.
Turn this setting on. This is under Excalidraw appearance and behavior
image

create a css snippet, this is under Appearance in Obsidian settings.
image

Add the following code to your excalidraw-tweaks.css file:

.excalidraw .FixedSideContainer {
  padding: 0 !importnat;
}
.excalidraw .App-bottom-bar {
  padding: 0 !important;
  margin: 10px !important;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants