Skip to content
This repository has been archived by the owner on Apr 29, 2024. It is now read-only.

Mobile page layout improvements #11

Open
Aloso opened this issue Dec 23, 2021 · 1 comment
Open

Mobile page layout improvements #11

Aloso opened this issue Dec 23, 2021 · 1 comment
Labels
enhancement New feature or request help wanted Extra attention is needed

Comments

@Aloso
Copy link
Contributor

Aloso commented Dec 23, 2021

On mobile, the editors are stacked vertically which is usually a good idea. However, the editors intercept touch events making it impossible to scroll the page (not just the editor) by swiping with a finger.

I propose to show a tab bar on mobile instead, with 3 tabs: "Gleam", "Result", "Compiled JS/Erlang". When pressing the "Build & Run" button, the "Result" tab should be opened automatically.

@JohnDoneth JohnDoneth added enhancement New feature or request help wanted Extra attention is needed labels Dec 23, 2021
@inoas
Copy link
Contributor

inoas commented Dec 23, 2021

I have added padding to the sides to allow scrolling, but yes, that was just a quick workaround.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

3 participants