Advertisements

Translation Width Inconsistent w/ Mobile Version

3 posts / 0 new
Super Member
<a href="/hi/translator/darklad" class="userpopupinfo username" rel="user1431788">darkLAD</a>
जुड़ा: 27.08.2019
Pending moderation

Currently the desktop version of the site display the translatons in a wider space, whereas on the mobile version, it is more compacted so the font gets bigger on small screen devices.

Problem is, lines that didn't overflow to a new line on the translations do that on the mobile version due to the limited space it has as you can see in this image.

Small problem, I know. But irritating if you're trying to make the translations align with the originally uploaded lyrics since most people probably use small screen devices such as phones to access the website.

lt
Administrator
<a href="/hi/translator/lt" class="userpopupinfo username" rel="user1">lt</a>
जुड़ा: 27.05.2008

We have some options to make reading more comfortable - paragraphs alignment, lines highlighting, font size increasing/decreasing options. If you have other suggestion, we'd appreciate if you share.

Super Member
<a href="/hi/translator/darklad" class="userpopupinfo username" rel="user1431788">darkLAD</a>
जुड़ा: 27.08.2019

The problem isn't accessibility, it's the way the lyrics are displayed throughout different screen sizes that isn't consistent, which leads to misaligned lines in translations in smaller devices by default (as seen in the picture).

The suggestion would be to just have both mobile version and web version have a similar font size or "box width" so overflows that don't happen at all on the web version (which uses a bigger "box" to hold the lyrics) can't happen in the mobile version (that has a more compact "box").

नई टिप्पणी जोड़ें