Option To Hide Sidebar
Add an option to hide the sidebar so that your Video Call goes into this semi full-screen mode.
Bump! Once more, with feeling!!3
Bumperoo, Please let this happen already.2
wow what b.s. ... i came here looking for a solution to where in the stupid UI this essential functionality was hidden, only to find suffering users begging for it to even exist in the first place. i guess i'll just stfu until i obtain more leverage ...2
This would be nice screen space saver, +11
Bumping. Seems like a straightforward feature.1
Bump Bump. This feature needs to be implimented0
Either collapsible sidebar, or a solution of popout chat, which I am surprised to see isn't at the top of the list in this feedback forum. Popout chat is seen in the overlay, and video can be popped out. Popout chat is the one thing missing from Discord that holds it back.0
show or hide both sidebars would be very useful and appreciated.0
Bump again. Just a tiny little arrow at the top to collapse it would be much appreciated! Or click on the current left-most menu item (server icon, Discord icon for DMs) to close the secondary bar.2
Here's a simple solution to paste into DevTools. Just hover over the tiny bar to expand the sidebar. Good enough for me :)
transition: width .2s ease-in;
@mattf you're a genius lol 😁0
Unfortunately there's no DevTools in the Desktop app 🥲 Please look at how trivial it is to achieve on the browser, create this setting for the app as built-in0
Nahuel Arjona You can open the dev tools on desktop with the keyboard shortcut ctrl+shift+i.2
GrantMoyer mattf_ THANKSSSSSSSSS!!!!!
Just in case, for non-devs, the way to use the snippet from mattf is:
1) While on discord, press Ctrl+Shift+i
2) On the developer tools window, select the Elements tab
3) On the bottom half of the dev tools, select the Styles tab
4) Now click the + sign next to .cls
5) Now a new style should appear on that bottom half, with a link saying inspect-stylesheet:1 that you can click. Click it.
6) A new text box will open for you. Erase everything in it and paste the snippet
McShivers411 You're too kind :)
Nahuel Arjona That's a much better way than how I was doing it.1
Ok so I how to make those edits and i did notice the checkbox in options of devtools to enable local overrides. now how do i make that style change into a local override so i dont have to manually input it every time0
It works! Thanks mattf_ Nahuel Arjona
Will this mod be overwritten next time the desktop app updates?0
It does allow for the room sidebar to be minimized, but f you close and reopen the application or restart your computer it reverts to the previous setting.
I found this link helpful for being able to resize the window as desired without the minimum width still taking up more than half your screen.
CapPiratePenguin Giulio In my experience the change hold when you close and open the window, but if you completely quit the app (i.e., the background process stops, for example when you reboot, or when you update the app), it's lost. I looked into Local Modifications (as Tikisri alluded to) but I think that's more of a "full replacement" as opposed to a patch, which would be more portable between updates.
That Reddit post is interesting but I'm not sure it addresses the same issue; what happens when you shrink the window?
BTW, CapPiratePenguin, not sure what OS you're on, but in my window manager (on Linux) I can resize the Discord window as small as I want without any of that JSON modification in the linked Reddit post or anything like that.1
Bspwm on Arch Linux myself so yea. From what I can tell the css of the app is loaded from the web every start the options have a persistence for local overrides option but I can't figure out how to make an override file it doesn't act the same as chromes devtools do0
I'm working on Windows 10 and the Discord window would only allow you to resize to a certain point, and no further. So if you were attempting to squish to once side or the other it would still consume more than half of your screen. By including that JSON modification I'm able to resize Discord to fit whatever space I'm available. Sometimes I'm working on three screens but sometimes only off my laptop. So coupling this with your change it is a great benefit to me.
For the settings modification you gave (which truly is wonderfully amazing) I was more mentioning it for users that if they did restart and wonder "What happened?" I'm fine inputting the information whenever needed, I've created a hot key to input the code quickly for myself.1
...I've created a hot key to input the code quickly for myself.
I was thinking something along those lines. Glad you've found a way to make it a bit easier.
I was more mentioning it for users that if they did restart and wonder "What happened?"
Ah, that makes more sense. Of course, the first reflex (at least for me) would be to input the code again, at which point it would work again, but I see your point nonetheless.
Bspwm on Arch Linux
i3 on Arch here. Tiling window managers are the best thing since sliced bread :)
The options have a persistence for local overrides option but I can't figure out how to make an override file. It doesn't act the same as Chrome's DevTools do.
The local override idea seems promising but, as I alluded to before, even if you do get it working, I think that your local modifications may block any updates to the CSS on the remote end (Discord's server) since you have to replace the file whole-sale (as opposed to as a patch). For that reason some sort of script to inject the CSS may be more reliable.
I also wonder, do those random alphanumeric characters at the end of the classes change on updates? If so, might have to use a slightly different selector expression; something like "[class^=container]>[class^=base]>[class^=content]>[class^=sidebar]" (not tested).1
I think hiding the right sidebar should be a standard user option. Also, the Discord window should be resizable without a lower limit. OK, perhaps the Discord interface has problems if the window is too small, but let the user be the judge of that.0
Giulio mattf_CapPiratePenguin I have good news for yall.
Follow this guide to remove the windows size limit: https://discord.com/channels/86004744966914048/119594632198881280/684402807163453503. I've set mine in 0,0 as suggested and nothing broke even slightly. Not sure why the hardcoded limit...
As for keeping custom css, I'm using Bandaged Better Discord (BBD) and it also works like a charm. Make sure you enable beta or it won't work. Right now I've used a slightly modified version of mattf snippet in the custom css and I enabled minimal mode.
Dude, if for whatever reason I'm forced to go back to the way things were before I'll drop discord altogether.
Edit: The custom mattf snippet
width: 140px !important;
transition: width .05s ease-in;
width: 250px !important;
Edit2: Join the BBD discord server to learn more about it and get the download link/instructions https://discord.gg/0Tmfo5ZbORCRqbAd
These are my BBD settings
Edit3: The final result:2
Big ol' bump for this one. I already know I have 40 bajillion DMs that are unread. Please, can you get all the little red numbers out of my eyeballs when I don't need them? Just give me an option to hide the DM and channel navigation sidebar so I can focus on one community/channel at a time.
That's all I ask. I love you.1
dysfunctional capitalism is dysfunctional.0
Big +1, the interface is awful0
Nahuel Arjona thank you for this post - I am using https://github.com/rauenzi/BetterDiscordApp to implement these changes. thanks to CapPiratePenguin for the settings.json change, and of course mattf_ for the snippet!
I wanted the folded view to be as folded as possible. With the exception of some icon misalignment adventures that I do not care to fix at the moment, Here's what I came up with:
Video of the mods in action: https://streamable.com/b6e4p0
Note that my implementation of the CSS relies on the .bd-minimal class tag, and will require that the `Minimal Mode: Hide elements and reduce the size of elements` from BetterDiscordApp is turned on (although you could alter the CSS to apply whether or not bd-minimal is present )+ custom CSS turned on. The above gist I just pasted directly into the Custom CSS window and everything is functional and taking up a lot less room on my screen! Wish this was native, but hey, it works don't it?1
Please sign in to leave a comment.