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

Center-align surah content

Browse source
This commit is contained in:
0x1eef 2024-10-04 11:33:57 -03:00
parent 3802de7df7
commit 4146973cf6
2 changed files with 11 additions and 3 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
** Center-align ~ul.body.stream~
For RTL languages we will show the content of a surah centered,
and within a max width of 470px
** Render ~LanguageSelect.tsx~ items in an optimal font ** Render ~LanguageSelect.tsx~ items in an optimal font
RTL languages have ~Cairo Regular~ applied. RTL languages have ~Cairo Regular~ applied.
LTR languages have ~Kanit Regular~ applied LTR languages have ~Kanit Regular~ applied

10
src/css/main/SurahStream.scss
View file

@ -24,11 +24,15 @@ body .root .content.theme.rtl {
@extend .font-amiri; @extend .font-amiri;
} }
} }
ul.body.stream { ul.body.stream {
li.ayah p { display: flex;
max-width: 470px; flex-direction: column;
} min-width: 470px;
max-width: 470px;
align-self: center;
} }
/* <= $breakpoint-sm */ /* <= $breakpoint-sm */
@media (max-width: $breakpoint-sm) { @media (max-width: $breakpoint-sm) {
ul.body.stream { ul.body.stream {