Inconsistent/Too Small Interface Size in Ubuntu 20.04

[scchow]

Describe the bug

1. The font size of the interface is very small. This includes the tab bar, settings/user accounts/update icons, and the streamer name.
2. The font size of the settings menu is also very small.
3. The font size of the send message box seems overly large.
4. See attached images for details.

To reproduce

1. Cloned commit 055db0c
2. Ran the following commands to build
   1. sudo apt install qtcreator qtmultimedia5-dev libqt5svg5-dev libboost-dev libssl-dev libboost-system-dev libboost-filesystem-dev
   2. mkdir build
   3. cd build
   4. qmake ..
   5. make
   6. cd bin
   7. ./chatterino
3. After starting up chatterino, the font size is inconsistent and illegible.

Screenshots

The font in the top bar matches the system font size and is what I would like the standard text size to be. Notice that the streamer name and settings icons are small while the send message box is large.

The font size of the chat was adjusted using Zoom and text size options in the settings, but they have no effect on the interface size.

The font size of the settings menu is also small when compared to the font size of the top bar.

Chatterino version Chatterino 2.2.3-beta2 (commit 055db0ccf)

Operating system Ubuntu 20.04 (5.4.0-52-generic)

Additional information

• Monitors:
  • Monitor 1: 1920x1080: 27"
  • Monitor 2: 2560x1440: 27"
  • Monitor 3: 1920x1080: 24"
• Potentially Related Issues
  • #2351 : Similar problem in MacOS, but their preferences menu is not affected/has the right size font.
  • #2348 - From my tests, it does not seem like it matters which monitor the terminal window in which ./chatterino is run makes a difference.

[pajlada]

What are your DPI settings for your system / your screens?

[scchow]

Running xdpyinfo reports my monitors are running at 96x96 dpi.

I did some more investigating and it seems like the scaling issues are caused by enabling Fractional Scaling under Displays.

Previously, I had set the scaling of my 2k monitor (Monitor 2) to 125% because the system UI was too small. I didn't think that this would be an issue because I had chatterino running in Monitor 1, which had the standard 100% scaling.

After switching Monitor 2 back to 100% scaling, I noticed that Chatterino now has the correct text/ui size on Monitor 1. I also tested this by changing Monitor 2 back to 125% scaling, which caused Chatterino to go back to its overly small UI size as reported earlier.

Thus, I believe the bug is coming from the Fractional Scaling option in Ubuntu 20.04.

The steps to reproduce are:

1. Open the Settings Utility in Ubuntu and select Display
2. Enable Fractional Scaling.
3. Set the scale factor to 125% on one of your monitors.
4. Press Apply.

[htmlboss]

Same issue with MacOS on 27" 2560x1440 resolution...108 DPI

[Brog33]

Matebook X Pro, Ubuntu 20.04, Installed from Flathub. Scaling not adjusting properly out of the box. Tried to add env QT_SCALE_FACTOR=2 to the .desktop file but it didn't seem to do anything.

[Brog33]

3000x2000 resolution: I am not using fractional scaling and yet the UI are inconsistent in sizes. Preferences window has so small font I can hardly read the text, while the main text input field is too big.

[smolgumball]

Encountering similar issues on Windows 10 with mixed DPI screens.

• 1080p primary, everything displays properly
• 4K secondary and alternate monitors display with various UI elements at mixed scales

[jupjohn]

Chatterino really doesn't like DPI changes - most obvious on macOS. Tried to fix this myself in the context of the Mac app but got nowhere. Would be great to have someone with a high DPI try to resolve this.