Ferdi: Allow hiding the sidebar

[briankendall]

I'd like a way to be able to hide the services sidebar. Sometimes I'm using a service where I want it to be truly full screen, for example when a video is being streamed. Currently I can remove all other elements on the screen _except_ the sidebar. It's possible to do this using the developer tools, but it'd be much better if there was a feature for it.

[issue-label-bot[bot]]

Issue-Label Bot is automatically applying the label enhancement to this issue, with a confidence of 0.96. Please mark this comment with :thumbsup: or :thumbsdown: to give our bot feedback!

Links: app homepage, dashboard and code for this bot.

[TGlide]

Can I work on this?

[vantezzen]

Of course, go ahead!

[bittner]

Using a push-pin :pushpin: for that in the sidebar would be nice! (as in self-explanatory, maybe) :grimacing:

</feel free to="ignore">

[TGlide]

I'm sorry, but I have unassigned myself from the issue! It proved to be too much to handle for me. But thank you for your time

[bittner]

This should be fairly easy, though. If you just inject CSS this can be done with something like this:

.sidebar {
    width: 9px;
    transition: all 2s ease-in-out .5s;
    display: block;
}

.sidebar:hover {
    width: auto;
    transition: all 2s ease-in-out .5s;
    display: inline-flex;
}

Of course, that's just a hack. But it proves it's doable even with the simplest approach, even without doing React.

Try harder! :hammer_and_wrench: :construction_worker_woman:

[TGlide]

Oh, CSS/React wise sure! It's more getting lost on setting state, doing shortcuts and stuff. I'll try to come up with a simple solution for now then.