CSS Problem - Chrome List Page

Tatoeba / tatoeba2

Tatoeba is a platform whose purpose is to create a collaborative and open dataset of sentences and their translations.

https://tatoeba.org

GNU Affero General Public License v3.0

702 stars 132 forks source link

CSS Problem - Chrome List Page #3097

Open ckjpn opened 8 months ago

ckjpn commented 8 months ago

URL: https://tatoeba.org/en/sentences_lists/of_user/CK/page:1/sort:modified/direction:desc

Chrome (on MacOS)

Firefox (on MacOS) -- This is likely the expected look.

This is another recently-reported CSS problem.

French interface bug #3096

jiru commented 8 months ago

Can you try to reproduce the problem on MacOS from inside the "Guest" session, which you can open from the top-right menu of Chrome?

cblanken commented 6 months ago

I'm on Linux not Mac, but there is a similar issue when using the Vivaldi browser.

This screenshot was taken in a private browser session with no extensions enabled.

Vivaldi

Version: 6.6.3271.53 (Stable channel) stable (64-bit) Revision: 9bc0253dc7c6d57292697b26e13e6579916e51bf JavaScript: V8 12.2.281.23

However, viewing the same page in Chromium or Firefox seems fine.

Chromium

Version: 123.0.6312.58 (Official Build) Arch Linux (64-bit)

Firefox

Version: 124.0.1 (64-bit)

cblanken commented 6 months ago

I did some debugging, and it seems to be an issue when the browser is set to a larger than default font size. For example, in the Vivaldi screenshot above, my browser font size was set to 20px instead of the default 16px.

You can replicate in Chromium by setting the "Font size" under the "Appearance" settings to Large or Very Large.