ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Render two columns for RTL languages

Browse source
This commit is contained in:
0x1eef 2024-09-24 21:24:20 -03:00
parent 18a454075d
commit bd4502cb63
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
share/al-quran.reflectslight.io/CHANGELOG.txt
View file

@ -2,6 +2,10 @@
** vNEXT ** vNEXT
**** Render two columns for RTL languages
On mobile devices we will render two columns in ~SurahIndex.tsx~ for
RTL languages
**** Optimize inline of ~postman.css~ **** Optimize inline of ~postman.css~
The inlined CSS is minified before being inserted into HTML documents The inlined CSS is minified before being inserted into HTML documents

3
src/css/main/SurahIndex.scss
View file

@ -75,6 +75,9 @@ body .root .content.theme {
body .root .content.theme.rtl { body .root .content.theme.rtl {
ul.body.index { ul.body.index {
li.surah { li.surah {
@media (max-width: $breakpoint-sm) {
width: 50%;
}
span.transliterated { display: none; } span.transliterated { display: none; }
} }
} }