diff --git a/share/al-quran.reflectslight.io/CHANGELOG.txt b/share/al-quran.reflectslight.io/CHANGELOG.txt index 66e77a04c..fa49dc914 100644 --- a/share/al-quran.reflectslight.io/CHANGELOG.txt +++ b/share/al-quran.reflectslight.io/CHANGELOG.txt @@ -2,6 +2,10 @@ ** 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~ The inlined CSS is minified before being inserted into HTML documents diff --git a/src/css/main/SurahIndex.scss b/src/css/main/SurahIndex.scss index 4f0347a1b..d357e8f48 100644 --- a/src/css/main/SurahIndex.scss +++ b/src/css/main/SurahIndex.scss @@ -75,6 +75,9 @@ body .root .content.theme { body .root .content.theme.rtl { ul.body.index { li.surah { + @media (max-width: $breakpoint-sm) { + width: 50%; + } span.transliterated { display: none; } } }