search

quran / quran.com-frontend-v2

https://previous.quran.com
GNU General Public License v3.0
456 stars 199 forks source link

Tashkeel (diacritics) gets cut off if font-size is too big #480

Open Yuniac opened 3 years ago

Yuniac commented 3 years ago

I noticed this when I was zooming in today, what is causing this behavior? image

I tried playing with the padding and margin of each span of each word: image

I also tried giving it some space on the left size by adding some padding to the parent container: image

This issue occurred in Firefox, 1980 * 1080 screen resolution and at a font size of 84px and I suspect the bigger the font size becomes the more broken diacritics there will be.

Are those cut-off diacritics part of the word even? it seems to me that the last letter of the word has its diacritic already, so what are those even? unless I'm missing something?

kritixilithos commented 3 years ago

Assalaamu alaykum. See #221, indeed those are not diacritics, but they are waqf signs (signs of pausing). I think this issue is only with Firefox, neither Opera nor Chrome has the issue.

Yuniac commented 3 years ago

I see... Yeah I wasn't even sure what are those at first and yeah those screenshots were from Firefox indeed.