cinny Make the app responsive

Make the app responsive

Open ajbura opened this issue 2 years ago • 9 comments

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Responsive interface for different devices.

Aug 15 '21 11:08 ajbura

I think this issue resolves #17

Aug 15 '21 11:08 farribeiro

This is also relevant to desktop users. I have a second monitor in a portrait orientation (1080x1920) and it'd be the ideal place to move the chat to. Cinny doesn't handle that limited width at the moment.

Nov 09 '21 14:11 daemonspring

Collapsing the left panel would help, I think. I'm slowly working out opinionated changes in the user interface for better information density, and have been playing with a scheme where the left sidebar is collapsed until hovered over.

(This screenshot includes more WIP features than strictly the collapsible side-bar.)

I think it shouldn't be too hard to cleanup and add as a setting option. Though at the current time it's not ready for general use.

If you want to try it out, you can use the following:

https://gist.github.com/8bf14929d5b550b0e5ea86ed31379d33

It may work as a stylus style if you use the options to pre-process with sass.

Nov 09 '21 19:11 samueldr

have been playing with a scheme where the left sidebar is collapsed until hovered over.

I personally don't like this type of UI. It's one of the things I hated about element. When I collapse the sidebar, I want it to stay collapsed. But element opens it up on window resize and I have to manually collapse it again.

Nov 26 '21 20:11 N-R-K

I personally don't like this type of UI. It's one of the things I hated about element. When I collapse the sidebar, I want it to stay collapsed. But element opens it up on window resize and I have to manually collapse it again.

Note that it stays collapsed even when the window is expanded. It's only when interacting with the sidebar that it expands. Note that in this WIP implementation it expands without disrupting the layout, there is no reflow of the window contents.

I think I have the same grievances against element's "collapsible" panels. I was always fighting against them. Always wanting them to stay collapsed when they didn't. And also importantly, forced to uncollapse for complex interactions.

Note that the expected implementation would make this optional, so people that don't like collapsed panels shouldn't be affected by default.

Nov 26 '21 21:11 samueldr

Any updates on this? Currently Cinny is unusable on mobile.

Cinny could be the one modern responsive PWA matrix client. Advantages are many, like being able to move faster because of a single code base instead of multiple for each native platform. Also (distant) future proof since with the (admittedly slow) advent of WASI and GPU rendering support native apps will likely be a thing of the past as a single WebAssembly app runs everywhere.