Fixes for logical properties

This commit is contained in:
Lim Chee Aun 2023-04-10 20:23:40 +08:00
parent c7db204d5b
commit c9c49d9a93
4 changed files with 13 additions and 2 deletions

View file

@ -59,7 +59,11 @@
"postcss": {
"plugins": {
"postcss-dark-theme-class": {},
"postcss-preset-env": {}
"postcss-preset-env": {
"features": {
"logical-properties-and-values": false
}
}
}
},
"browserslist": [

View file

@ -881,6 +881,7 @@ function Status({
<div
class="content"
lang={language}
dir="auto"
ref={spoilerContentRef}
data-read-more={readMoreText}
>
@ -907,6 +908,7 @@ function Status({
<div
class="content"
lang={language}
dir="auto"
ref={contentRef}
data-read-more={readMoreText}
onClick={handleContentLinks({ mentions, instance, previewMode })}
@ -1389,6 +1391,7 @@ function Poll({
return (
<div
lang={lang}
dir="auto"
class={`poll ${readOnly ? 'read-only' : ''} ${
uiState === 'loading' ? 'loading' : ''
}`}

View file

@ -139,7 +139,7 @@ function TranslationBlock({
) : (
!!translatedContent && (
<>
<output class="translated-content" lang={targetLang}>
<output class="translated-content" lang={targetLang} dir="auto">
{translatedContent}
</output>
{!!pronunciationContent && (

View file

@ -90,6 +90,10 @@
box-sizing: border-box;
}
[dir] {
text-align: start;
}
html {
text-size-adjust: 100%;
}