search

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
678 stars 131 forks source link

French interface bug #3096

Open cangareijo opened 5 months ago

cangareijo commented 5 months ago

https://tatoeba.org/wall/show_message/40430

Hello, I'm useing Tatoeba on FireFox. The Css is broken. Try it ! Sign in and have a look at the menu. Thx hector

I'm on Ubuntu 22, Firefox 121. Je suis en Français. How can I add a screenshot here ?

here is a screenshot of the advanced search https://imgur.com/a/v7H2MwL hector

Yorwba commented 5 months ago

NixOS 23.11, Firefox 121: Reproduction failure

Cannot reproduce. I'll ask the original reporter for more details about their setup.

hecmec commented 4 months ago

linux firefox 122. width <= 600 => ok 600 < width < 960 => ok width > 960 => menu kaput !!

tatoeba_error

Yorwba commented 4 months ago

Thanks for trying different window widths. That does help rule out the possibility that CSS for narrow screens is not applied correctly. Unfortunately, I still cannot reproduce the problem. (I made extra sure to exactly match the size of your screenshot.)

I also asked about what happens in Troubleshoot Mode.

If you restart Firefox in Troubleshoot Mode (in the menu bar under Help > Troubleshoot Mode) does the problem go away?

Did you try it? Maybe you have an add-on that accidentally interferes with the CSS somehow.

The other possibility I can think of is that you have a HiDPI screen or similar setup where physical pixels do not correspond to logical CSS pixels and our CSS incorrectly mixes the two units. I tried simulating different device pixel ratios using the Firefox developer tools and there was no visible difference, but maybe the simulation is not exactly like the real thing. (It doesn't seem to allow testing fractional values, for example.)