question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Summary

The current UI isn’t very good on mobile devices. We should start thinking about how we can improve it.

Possible solutions

There are two paths we could go down:

  1. Create an entirely separate UI for mobile devices
  2. Make modifications to the current UI so that it adjusts better to fit smaller screens

I’m keen to hear people’s opinions on which route they think is best. There are definitely pros and cons to each one. If we create an entirely new UI, it will break a lot of the code in src/web/ which is currently tightly coupled to the existing DOM. However, modifying the current UI to work better on mobile could result in messy code if it isn’t done well. This could be a good time to start building index.html in a more modular fashion so that the code becomes easier to maintain.

If anyone wants to mock up some designs for what a mobile UI could look like, please go ahead. The focus should be on simplicity.

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:3
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
d98762625commented, Apr 6, 2018

I’d vote for a responsive UI using a flex-grid or similar. I do not back my frontend skills enough to take this on though.

0reactions
evandrixcommented, Oct 1, 2020

bump

Read more comments on GitHub >

github_iconTop Results From Across the Web

Misc Design Patterns
Animated Misc UI UX Patterns for iOS and Android.
Read more >
Misc. UI
Aug 30, 2016 - General UI ideas and inspirations. See more ideas about interface design, user interface design, ui design.
Read more >
UI / Misc by CHRIS MARTINIE
A collection of design inspiration titled UI / Misc by CHRIS MARTINIE. ... Cogni Bank Mobile Application app bank clean dashboad design history...
Read more >
Mobile UI Website Templates
Get 2177 mobile UI website templates on ThemeForest such as CryptoCamp Mobile UI Kit, Crypto Mobile UI Kit, Mocha Mobile ... by arthgoods...
Read more >
Google Misc Screen UI UX Design :: Mobile Patterns
Google App Design Misc UI UX Pattern. ... App Categories. Games photos Weather Travel. screens. user profiles detail views settings check in screen...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found