Comments (4)
Do you feel the play mode isn't mobile friendly ? Or only the edit mode ?
from loopy.
Hey @1000i100, thanks for the reply!
It's been a while so I've just had another play around with it to try and provide some more concrete examples for you... Here's a couple of the major symptoms:
- The sidebar doesn't scale well to small screens. All of the elements contained within become extremely small which a) makes them difficult to read and b) makes them difficult to interact with.
- Autofocus on the sidebar fields can (in some browsers e.g. firefox) mean an automatic scroll/zoom to that field. Coupling this with the problem above and the fact that zooming in/out is only available in the sidebar section, you end up with quite a difficult screen to navigate around.
This all stems from, I believe, two issues:
- The sidebar is fixed.
- You cannot zoom with pinch gestures in the main canvas.
If the sidebar made better use of the screen by, for example, sliding in across the entire screen and being dismissable, then I believe the bulk of these issues would be solved.
There is a separate case to be made about allowing the whole canvas to be resizable as I believe this affects both desktop and mobile - though this would greatly benefit a mobile user where there is less space to fit in nodes/edges. I think this is covered by #6
from loopy.
https://1000i100.github.io/loopy/2/
is it better now ?
You still cannot zoom with pinch gestures in the main canvas, but for other mobile disagreement, is-it fixed ?
from loopy.
A great start!
It seems that the toggle to close the menu doesn't quite work as expected, but other than that this would be a good improvement to merge in.
The issue I found:
- Draw some nodes
- Select a node (the menu appears)
- Select the arrow to close the menu
Expected: the menu to close.
Actual: the menu stays open. Another click of the arrow closes it.
Maybe just some state not toggling properly?
from loopy.
Related Issues (20)
- color contagion arrow HOT 1
- node color behavior in colorLogic HOT 1
- visual group HOT 2
- functionnal groups HOT 1
- gear Node and Edge
- FEAT node images HOT 1
- FEAT import/export node data HOT 7
- USAGE TESTING HOT 2
- Node visibility in play mode
- Camera mode HOT 1
- Read Only |or| User Interactive Node Toggle
- UI : behavior features tab and display features tab HOT 1
- Link / href in loopy HOT 1
- Just some random praise
- non negative amount and visualization of negative amount HOT 2
- sparklines / charts HOT 4
- zoom / pan for canvas HOT 2
- saving as a gif HOT 2
- Could Loopy be used in VScode?
- Providing translations guideline
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from loopy.