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

mobile: revert from two columns to one

Browse source
This commit is contained in:
0x1eef 2024-10-01 20:18:31 -03:00
parent 69f8b0511a
commit a6973b439d
2 changed files with 1 additions and 5 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

@ -12,10 +12,6 @@ RTL and LTR languages use a different set of fonts, and before this
change we would download all fonts regardless of whether the font change we would download all fonts regardless of whether the font
would be used or not would be used or not
** 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

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

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