Spreed: Mobile View: should open the chat list first

[szaimen]

Is your feature request related to a problem? Please describe.
The default side when opening the chat app on mobile isn't very compelling: I'm not seeing the chats.

Describe the solution you'd like
A clear and concise description of what you want to happen.
I think on mobile view when I open the talk app it should open the chat list first.

Additional context
Add any other context or screenshots about the feature request here.

1. The default view when opening the chat app:
   

2. Probably a better default site:
   

[danxuliu]

@nextcloud/designers You can test this feature by adding

})(OC, OCA, Marionette, Backbone, _, $);

$(document).ready(function () {
    if ($(window).width() <= 600) {
        $('#app-navigation-toggle').click();
    }
});

at the bottom of _app.js_.

It is a bit hacky, but it is necessary to wait until the snapper is initialized by Nextcloud server (which is done in a jQuery ready handler), and I am not aware of any events that could be listened to for that.

If this behaviour should be added to Talk, which window width should trigger it? Note that when the navigation bar is opened it moves the app contents of Talk to the right, so the _Join a conversation or start a new one_ message is cut with some width sizes which, in my opinion, does not look good for the starting page (that is why I used 600px in that example code instead of the standard 1024px of the mobile breakpoint; at 600px the message is cut too, but most of it is hidden anyway which in my opinion looks better than just cutting the final letters ;-) ).

[jancborchardt]

@danxuliu good one! I’d say let’s always make sure the sidebar shows on views where it wouldn’t be, so 1024. We can always enhance the emptycontent view.

[rubo77]

This is quite messed up on my screen on Firefox, Android 10 Samsung a6 NC19.0.1

[szaimen]

@rubo77 I think this is doesn't have anything to do with this issue.
Could you please open another issue with that?

[jancborchardt]

@ma12-co something for you :)

[ma12-co]

@szaimen that's related because that's what you actually see on first load since the rewrite to vue.
Ok, so as discussed, the sidebars behavior on mobile should be:

• On first load, the conversations list is displayed;
• A click on a conversation routes to it and automatically closes the left sidebar;
• The right sidebar is never shown unless toggled;

[nickvergessen]

Just a little comment, when you directly load into a conversation it should also hide the left sidebar