Hugo-theme-zzo: some CSS conflict appears after setting "languagedir" to "rtl" in parms.toml

Created on 27 Jan 2020  ·  19Comments  ·  Source: zzossig/hugo-theme-zzo

since my blog has multiple language farsi and english and farsi is a rtl language, I added languagedir to rtl in languages.toml config file , here is content of my config file:

[en]
  languageName = "English"
  weight = 1
  languagedir = "ltr"

[fa]
  languageName = "Farsi"
  weight = 2
  languagedir = "rtl"

and after that when I switch to farsi some css conflict happens
one of theme is in mobile responsive menu bar:
in farsi mode:
image
in english mode:
image
another one is about search bar left margin
image
and archive time line
image
but in english mode is fine
image
and toc margin and writer information margin
image

enhancement

Most helpful comment

I made some changes.
Can you update the theme and check again?

All 19 comments

Ok, thanks for the detailed explanation.
This will be fixed soon

ok thanks

I made some changes.
Can you update the theme and check again?

oh thank you so much seems all the above problems fixed
please keep this open, I will check all components and if wasn't any bug I'll close it. good job thanks

another little issue is about bio, with margin in RTL mode
image
and in post detail with min read, the position of min read value jumps to the first of line
this problem happens in home page and in example.com/fa/posts only, not in post content
image
the correct position should be like this:
image

주석 2020-01-28 154911
What is the collect one

  1. 3 min read
  2. min read 3

1? or 2?

in farsi:

‍‍min = دقیقه

read = خواندن

and correct one in farsi is

‍read 1 min or

خواندن 1 دقیقه

but according to your question, I think 2 can be compatible with all languages

hmm, I think read 1 min is not natively supported by browsers.
Anyway, I made some changes. Check again😋

above problems fixed thanks :1st_place_medal: :+1:

in RTL, markdown lists need the right margin. here is the latest post of my blog
http://gictor.ir/fa/posts/etc/unlimited-google-drive/
image

Bro~ thanks for finding bugs.
I fixed it.

thank you for your pretty theme

Feel free to open a new issue😋
I'm glad to fix bugs, improve UI

the background of badge counter need to be fixed for rtl languages in tags, categories and series section
image

It is fine on my end.
주석 2020-01-31 175650

Can you give me the repo?

I suspect that the browser detects the language is rtl or not. I'll do some work on this.

ok this is my repo
https://github.com/Gictorbit/myblog
I checked that with hugo server in my localhost
the build of it is on http://gictor.ir

I did fix it.

excellent thank you

Make a new issue for further UI fixing.
It's totally fine to make a new issue. I don't mind.
I love to fix bugs, improve UI.
So feel free to open a new issue.
I just want to fix thing one at a time

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Gictorbit picture Gictorbit  ·  6Comments

Gictorbit picture Gictorbit  ·  4Comments

szpak picture szpak  ·  7Comments

nisrulz picture nisrulz  ·  3Comments

nisrulz picture nisrulz  ·  4Comments