Closed mskf1383 closed 3 years ago
Post preview of RTL posts are like this:
I do some template change with my browser inspect element and make that:
HTML:
<header> <div class="controls"> <a class="button" href="/~/Tessssssssssssssssssst/test/edit">Edit</a> </div> <h3 class="p-name" dir="auto"> <a class="u-url" href="/~/Tessssssssssssssssssst/test"> test </a> </h3> </header>
I move div under h3 and move dir="auto" from h3 to header:
div
h3
dir="auto"
header
<header dir="auto"> <h3 class="p-name"> <a class="u-url" href="/~/Tessssssssssssssssssst/test"> test </a> </h3> <div class="controls"> <a class="button" href="/~/Tessssssssssssssssssst/test/edit">Edit</a> </div> </header>
CSS:
.card h3 { flex-grow: 1; margin: 0; font-family: "Vazir","Playfair Display",serif; font-size: 1.75em; font-weight: normal; line-height: 1.75; display: inline-block; /* New */ } .card .controls { float: inline-end; /* Changed */ } .card main { font-family: "Vazir","Lora",serif; font-size: 1em; line-height: 1.25; text-align: initial; /* Changed */ }
Good luck
I move this to Gitea repo: https://git.joinplu.me/Plume/Plume/issues/950
Post preview of RTL posts are like this:
I do some template change with my browser inspect element and make that:
HTML:
I move
div
underh3
and movedir="auto"
fromh3
toheader
:CSS:
Good luck