Add layout support for RTL languages
The manual has been translated into Persian but the layout is still left-to-right.
Adding dir="rtl"
to the html
element doesn't fix this, as it causes the ToC sidebar to overlay the content.
Setting direction: rtl
on the toc
and wrapper
divs, and then somehow conditionally styling the images to float left rather than right, may work.
Whatever solution we find, we need to be able to trigger it conditionally in the Hugo template based on the .Site.Language.LanguageDirection
parameter: