aemsites / sling

Apache License 2.0
1 stars 0 forks source link

Section Meta based CSS for Arabic language pages #130

Closed helms-charity closed 2 months ago

helms-charity commented 3 months ago

For pages that are written in the Arabic language, the text alignment needs to go from right to left. See example: https://www.sling.com/whatson/international/arabic/lebanese-2024-series-ar

Let's go with a section metadata, to add a class of "rtl" which seems like it would satisfy the use case as long as no new sections are added.

helms-charity commented 3 months ago

Here is the CSS for section metadata.


.section.rtl h4, .section.rtl h5, .section.rtl h6,

.section.rtl p, .section.rtl ul, .section.rtl ol {

  text-align: right;
}
kmurugulla commented 2 months ago

@rusmeenkhan1 @helms-charity - closing this issue as it has been worked on today