Rocket.chat: UI: Descenders of glyphs are cut off

[TwizzyDizzy]

Description:

Descenders of glyphs are cut off in the sidebar where the last message is shown below the channel name. See screenshot. The lower half of the letter "g" is cut off in the name Diego.

Cheers
Thomas

Server Setup Information:

Version of Rocket.Chat Server: 0.60.0-develop
Operating System: unknown (not running this instance myself)
Deployment Method(snap/docker/tar/etc): unknown (not running this instance myself)
Number of Running Instances: unknown (not running this instance myself)
DB Replicaset Oplog: unknown (not running this instance myself)
Node Version: unknown (not running this instance myself)

Steps to Reproduce:

Expected behavior:

Descenders should not be cut off.

Actual behavior:

Descenders are cut off.

Relevant logs:

See screenshot above

[TwizzyDizzy]

Hi @rodrigok,

According to the release notes of 0.60.0-rc.4 this was supposed to be fixed. I can't confirm it being fixed in 0.60.0-rc.4 - neither in Firefox nor in Chromium (loading with cache disabled). See the attached screenshot below:

Cheers
Thomas

[rodrigok]

@TwizzyDizzy I can't reproduce, can you specify your OS and Browser versions?

[TwizzyDizzy]

Whooot... OK. This is weird. Only thing I can think of right now: Maybe my deployment failed without me noticing and I was actually still looking at rc.2 - I'll re-check tomorrow when I'm at work (roughly 11AM, EST). Sorry for the fuzz!

Cheers
Thomas

[rodrigok]

@TwizzyDizzy I did a better solution https://github.com/RocketChat/Rocket.Chat/pull/9181

[TwizzyDizzy]

Hi @rodrigok

nope, deployment went fine and I was actually looking at rc.4

Windows 7 Enterprise: Firefox 57.0.2 - no problem (looks like CSS font fallback to Arial, also no font-Anti-Aliasing)
Windows 7 Enterprise: Chrome 63.0.3239.108 - no problem (looks like CSS font fallback to Arial, also no font-Anti-Aliasing)
Elementary OS Loki (Ubuntu 16.04/LTS Spin-Off): Firefox 57.0.1 - problem
Elementary OS Loki (Ubuntu 16.04/LTS Spin-Off): Chromium 63.0.3239.84 - problem

Cheers
Thomas

[rodrigok]

@TwizzyDizzy Can you test our latest develop version? You can test it here https://unstable.rocket.chat

[TwizzyDizzy]

@rodrigok:

Looks good on all 4 combinations:

• Windows Firefox
• Windows Chrome
• Linux Firefox
• Linux Chromium

Cheers
Thomas

[rodrigok]

Awesome, thanks 😄