convos-chat / convos

Convos :busts_in_silhouette: is the simplest way to use IRC in your browser
http://convos.chat
Artistic License 2.0
1.04k stars 83 forks source link

Hide/fold side panels #746

Open mostlyvirtual opened 2 years ago

mostlyvirtual commented 2 years ago

Is your feature request related to a problem? Please describe. Panels cannot be hidden.

Describe the solution you'd like I would really like the option to hide the panels, when working on a smaller screen, especially the 'Participants' panel, to gain more screen realestate.

jhthorsen commented 2 years ago

The panels automatically hides when changing the screen size. Currently this is set both in the javascript and in the stylesheet:

https://github.com/convos-chat/convos/blob/main/assets/App.svelte#L63 https://github.com/convos-chat/convos/blob/main/assets/sass/abstracts/_variables.scss

I'm not sure if I will add buttons to toggle the panels, but if you can provide a screenshot, mockup or reference to another app that shows how this could look, I might consider it.

mostlyvirtual commented 2 years ago

@jhthorsen I understand if you decide not to add them, but I think they might be a welcome future at some point in time. Would that change be only Javascript, or would it require some Perl changes as well?

I'm attaching a couple of screenshots of how TheLounge has it implemented. I find it much less distracting and easier to use on a small screen or a small window if I'm tiling.

Screenshot 2022-06-01 at 22 10 17 Screenshot 2022-06-01 at 22 06 12 Screenshot 2022-06-01 at 22 06 04
jhthorsen commented 2 years ago

I'll look into it, since I've been wanting to add query params to show/hide parts of the UI for many years, and this functionality is overlapping 👍