Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RFE: Allow sidebar with contacts to be adjusted in width to compact it with only picture circles remaining #3433

Closed
michael-nischt opened this issue Jun 30, 2019 · 23 comments

Comments

@michael-nischt
Copy link

Signal is great but the Desktop Client uses a lot of screen space. Others like Google Hangouts allow the width of the sidebar with all contact names and pictures to be resized. The circles containing the contact's image or initials will always remain but the names would clip until they fully disappear when the with is set to the minimal.

Alternative, a "compact mode" setting would already be great if resizing is too much effort.

@adioe3
Copy link

adioe3 commented Aug 28, 2019

I tend to zoom in the Signal desktop client on my 13 inch 4k laptop screen and it's really annoying when the contact list is using 40% of the screen. Some sort of collapsing would be great.

@deutrino
Copy link

deutrino commented Sep 6, 2019

See also #1871, #2454, #2510...

@j-mikhail
Copy link

Until the Signal team gets around to implementing this, here's a quick workaround:

  1. Select View from the menu, then Toggle Developer Tools.
  2. In the Elements tab, expand the body tag, then the div tag of class inbox index.
  3. Click on the div tag of class gutter inactive.
  4. In the Styles tab, which is usually underneath, find the gutter class.
  5. Change the width parameter to 75px (the size may vary on your screen)
  6. Enjoy!

The only downside is you'll have to repeat these steps every time you relaunch Signal.

@sindastra
Copy link

I think this example here is exactly how it should be: #2510 (comment)

@vcavallo
Copy link

vcavallo commented Dec 5, 2019

Since we're pasting this workaround between threads... here's mine from the other:

Until the Signal team gets around to implementing this, here's a quick workaround:

  1. Select View from the menu, then Toggle Developer Tools.
    ...

Alternatively, as a single step, open those same Developer tools, then click the Console tab, and enter this within:

document.getElementsByClassName('gutter inactive')[0].style.width = '75px';

(or whatever size you want other than 75.)

@krstp
Copy link

krstp commented Nov 23, 2020

One more things to note, the 75px workaround is great, but it still constrains the main window to like 300-something-px width, something to keep in mind when deploying full feature.

@ConstantineK
Copy link

I tend to zoom in the Signal desktop client on my 13 inch 4k laptop screen and it's really annoying when the contact list is using 40% of the screen. Some sort of collapsing would be great.

When I actually resize signal to fit on my screen the box allows ~44% of the window to be taken up by pointless gray nothing. On my screen that's 243,000 or so pixels just hanging out.

@krstp
Copy link

krstp commented Dec 2, 2020

Well if you constrain it via px specification this will not happen.

@ConstantineK
Copy link

@krstp :) I mean via normal resizing - most users are not popping dev tools.

@michael-nischt
Copy link
Author

I'm sorry but I'll close this issue. Doesn't seem to get addressed anyway as it's almost 1.5y old. 🙃

@cooperbaker
Copy link

I use signal on a vertical 900x1600 document monitor. 1/3 of the screen is taken up by a contacts pane I can't resize. Hacking the dom each time, as these threads suggest, is not a solution, but more like carrying around an extra battery in the trunk of my car, then hooking it up each time I want to start the car.

Please add a resizable contacts pane.

@Hellen-arndt91
Copy link

This contacts pane take massive amounts of space on my surface pro!
and now you guys have hidden the developer tools menu entry, wonderful!

@DunhamGitHub
Copy link

Until the Signal team gets around to implementing this, here's a quick workaround:

  1. Select View from the menu, then Toggle Developer Tools.
  2. In the Elements tab, expand the body tag, then the div tag of class inbox index.
  3. Click on the div tag of class gutter inactive.
  4. In the Styles tab, which is usually underneath, find the gutter class.
  5. Change the width parameter to 75px (the size may vary on your screen)
  6. Enjoy!

The only downside is you'll have to repeat these steps every time you relaunch Signal.

I don't have View - Toggle Developer Tools in the MacOS app !? (

@vcavallo
Copy link

Until the Signal team gets around to implementing this, here's a quick workaround:

  1. Select View from the menu, then Toggle Developer Tools.
  1. In the Elements tab, expand the body tag, then the div tag of class inbox index.
  1. Click on the div tag of class gutter inactive.
  1. In the Styles tab, which is usually underneath, find the gutter class.
  1. Change the width parameter to 75px (the size may vary on your screen)
  1. Enjoy!

The only downside is you'll have to repeat these steps every time you relaunch Signal.

I don't have View - Toggle Developer Tools in the MacOS app !? (

Try command+shift+i

@DunhamGitHub
Copy link

DunhamGitHub commented May 19, 2021 via email

@DunhamGitHub
Copy link

Until the Signal team gets around to implementing this, here's a quick workaround:

  1. Select View from the menu, then Toggle Developer Tools.
  1. In the Elements tab, expand the body tag, then the div tag of class inbox index.
  1. Click on the div tag of class gutter inactive.
  1. In the Styles tab, which is usually underneath, find the gutter class.
  1. Change the width parameter to 75px (the size may vary on your screen)
  1. Enjoy!

The only downside is you'll have to repeat these steps every time you relaunch Signal.

I don't have View - Toggle Developer Tools in the MacOS app !? (

Try command+shift+i

Nothing happens on 5.1.0 with command+shift+i (tried option command i etc. etc.)

@j-mikhail
Copy link

I posted the original workaround to this issue a year and a half ago. Unfortunately, not only has SIgnal not addressed the problem in that time, it would appear that a recent update has disabled access to the developer tools, both from the menu and using the keyboard shortcut. I understand the mobile market is likely more important to them, but it's pretty disappointing to see desktop users ignored and hindered in this way.

@DunhamGitHub
Copy link

I posted the original workaround to this issue a year and a half ago. Unfortunately, not only has SIgnal not addressed the problem in that time, it would appear that a recent update has disabled access to the developer tools, both from the menu and using the keyboard shortcut. I understand the mobile market is likely more important to them, but it's pretty disappointing to see desktop users ignored and hindered in this way.

Is there anyway to download + use old versions? (Including the dev tools)

(Also on iOS I would call the app a so-so experience ...unfortunately I have to use it for work right now)

@vcavallo
Copy link

I donate to them monthly. I'm still quite happy with Signal overall and will continue to support them financially, but this thing sure is annoying.

@Hellen-arndt91
Copy link

I posted the original workaround to this issue a year and a half ago. Unfortunately, not only has SIgnal not addressed the problem in that time, it would appear that a recent update has disabled access to the developer tools, both from the menu and using the keyboard shortcut. I understand the mobile market is likely more important to them, but it's pretty disappointing to see desktop users ignored and hindered in this way.

This is incredibly annoying and just outright lazy. I will cease my donations and look elsewhere.

@vcavallo
Copy link

This is incredibly annoying and just outright lazy. I will cease my donations and look elsewhere.

Good luck in your search, but I don't think you're going to find a safer option than Signal. This is definitely a pain, but I encourage you to continue donating, precisely because you do want more work to continue on this product! @Hellen-arndt91

@DunhamGitHub
Copy link

This is incredibly annoying and just outright lazy. I will cease my donations and look elsewhere.

Good luck in your search, but I don't think you're going to find a safer option than Signal. This is definitely a pain, but I encourage you to continue donating, precisely because you do want more work to continue on this product! @Hellen-arndt91

"Safe" ?? Signal uses Servers based in the US, that's the most "unsafe" location for privacy next to ...China. Even Whatsapp uses end-to-end encryption, so how is Signal safer that Whatsapp? Apps that actually care about "safety" do not use US-based servers ...

@kpcyrd
Copy link
Contributor

kpcyrd commented Jun 11, 2021

Unsubscribing from the issue because it attracts too much noice, please stick to the topic.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests