GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-23 12:54:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Implement RTL support for Arabic and Persian locales and update HTML direction attribute in renderPage component

Browse Source
This commit is contained in:
Amir Pourmand 2025-08-24 15:43:34 +03:30
parent 748e1788cb
commit 58a3735578
5 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
quartz/components/renderPage.tsx
View File

@ -231,8 +231,9 @@ export function renderPage(
)
const lang = componentData.fileData.frontmatter?.lang ?? cfg.locale?.split("-")[0] ?? "en"
const direction = i18n(cfg.locale).direction ?? "ltr"
const doc = (
<html lang={lang}>
<html lang={lang} dir={direction}>
<Head {...componentData} />
<body data-slug={slug}>
<div id="quartz-root" class="page">

1
quartz/i18n/locales/ar-SA.ts
View File

@ -5,6 +5,7 @@ export default {
title: "غير معنون",
description: "لم يتم تقديم أي وصف",
},
direction: "rtl" as const,
components: {
callout: {
note: "ملاحظة",

1
quartz/i18n/locales/definition.ts
View File

@ -21,6 +21,7 @@ export interface Translation {
title: string
description: string
}
direction?: "ltr" | "rtl"
components: {
callout: CalloutTranslation
backlinks: {

1
quartz/i18n/locales/fa-IR.ts
View File

@ -5,6 +5,7 @@ export default {
title: "بدون عنوان",
description: "توضیح خاصی اضافه نشده است",
},
direction: "rtl" as const,
components: {
callout: {
note: "یادداشت",

6
quartz/styles/base.scss
View File

@ -645,9 +645,3 @@ iframe.pdf {
transition: width 0.2s ease;
z-index: 9999;
}
html[lang^="he"] *,
html[lang^="fa"] *,
html[lang^="ar"] * {
direction: rtl;
}