From ab05994cbd49503d199bc25ea46d49f3159f6b7f Mon Sep 17 00:00:00 2001
From: =?utf8?q?Julien=20D=C3=A9ramond?= <juderamond@gmail.com>
Date: Sat, 4 Apr 2026 00:38:29 +0200
Subject: [PATCH] Docs: remove optional `direction` management for RTL (#42255)

---
 site/src/components/head/Head.astro       | 5 ++---
 site/src/components/head/Stylesheet.astro | 5 +----
 site/src/content.config.ts                | 1 -
 site/src/layouts/BaseLayout.astro         | 1 -
 site/src/layouts/ExamplesLayout.astro     | 8 +++-----
 site/src/libs/bootstrap.ts                | 2 +-
 site/src/libs/examples.ts                 | 1 -
 7 files changed, 7 insertions(+), 16 deletions(-)
diff --git a/site/src/components/head/Head.astro b/site/src/components/head/Head.astro
index af6ede7daf..323877efd4 100644
--- a/site/src/components/head/Head.astro
+++ b/site/src/components/head/Head.astro
@@ -9,14 +9,13 @@ import Analytics from '@components/head/Analytics.astro'
 
 interface Props {
   description: string
-  direction?: 'rtl'
   layout: Layout
   robots: string | undefined
   thumbnail: string
   title: string
 }
 
-const { description, direction, layout, robots, thumbnail, title } = Astro.props
+const { description, layout, robots, thumbnail, title } = Astro.props
 
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site)
 
@@ -63,7 +62,7 @@ const ScssProd = import.meta.env.PROD ? await import('@components/head/ScssProd.
 </script>
 
 {import.meta.env.PROD && ScssProd && (
-  <Stylesheet direction={direction} layout={layout} />
+  <Stylesheet layout={layout} />
   <ScssProd.default />
 )}
 
diff --git a/site/src/components/head/Stylesheet.astro b/site/src/components/head/Stylesheet.astro
index d0203893a4..81a760143d 100644
--- a/site/src/components/head/Stylesheet.astro
+++ b/site/src/components/head/Stylesheet.astro
@@ -3,11 +3,8 @@ import { getVersionedBsCssProps } from '@libs/bootstrap'
 import type { Layout } from '@libs/layout'
 
 interface Props {
-  direction?: 'rtl'
   layout: Layout
 }
-
-const { direction } = Astro.props
 ---
 
-<link {...getVersionedBsCssProps(direction)} />
+<link {...getVersionedBsCssProps()} />
diff --git a/site/src/content.config.ts b/site/src/content.config.ts
index fbba90b5e0..7dea9c18b7 100644
--- a/site/src/content.config.ts
+++ b/site/src/content.config.ts
@@ -19,7 +19,6 @@ const docsSchema = z.object({
     ])
     .optional(),
   description: z.string(),
-  direction: z.literal('rtl').optional(),
   extra_js: z
     .object({
       async: z.boolean().optional(),
diff --git a/site/src/layouts/BaseLayout.astro b/site/src/layouts/BaseLayout.astro
index 1368e0c0d3..4ac506139e 100644
--- a/site/src/layouts/BaseLayout.astro
+++ b/site/src/layouts/BaseLayout.astro
@@ -49,7 +49,6 @@ const mainProps = overrides?.main ?? {}
   <head>
     <Head
       description={description}
-      direction={frontmatter?.direction}
       layout={layout}
       robots={robots}
       thumbnail={thumbnail}
diff --git a/site/src/layouts/ExamplesLayout.astro b/site/src/layouts/ExamplesLayout.astro
index 1b1c1eb4f4..327a256445 100644
--- a/site/src/layouts/ExamplesLayout.astro
+++ b/site/src/layouts/ExamplesLayout.astro
@@ -11,16 +11,14 @@ import Icons from '@layouts/partials/Icons.astro'
 
 type Props = ExampleFrontmatter
 
-const { body_class, direction, extra_css, extra_js, html_class, include_js, title = 'Example' } = Astro.props
+const { body_class, extra_css, extra_js, html_class, include_js, title = 'Example' } = Astro.props
 
 const pageTitle = `${title} Â· ${getConfig().title} v${getConfig().docs_version}`
 const canonicalUrl = new URL(Astro.url.pathname, Astro.site)
-
-const htmlProps: HTMLAttributes<'html'> = direction === 'rtl' ? { lang: 'ar', dir: 'rtl' } : { lang: 'en' }
 ---
 
 <!DOCTYPE html>
-<html {...htmlProps} class:list={html_class} data-bs-theme="auto">
+<html lang="en" class:list={html_class} data-bs-theme="auto">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -33,7 +31,7 @@ const htmlProps: HTMLAttributes<'html'> = direction === 'rtl' ? { lang: 'ar', di
 
     <script is:inline src={getVersionedDocsPath('assets/js/color-modes.js')}></script>
 
-    <Stylesheet direction={direction} layout="examples" />
+    <Stylesheet layout="examples" />
     <Favicons />
 
     <style is:global>
diff --git a/site/src/libs/bootstrap.ts b/site/src/libs/bootstrap.ts
index 3b03389548..101983fee1 100644
--- a/site/src/libs/bootstrap.ts
+++ b/site/src/libs/bootstrap.ts
@@ -2,7 +2,7 @@ import type { HTMLAttributes } from 'astro/types'
 import { getConfig } from '@libs/config'
 import { getVersionedDocsPath } from '@libs/path'
 
-export function getVersionedBsCssProps(direction: 'rtl' | undefined) {
+export function getVersionedBsCssProps() {
   let bsCssLinkHref = '/dist/css/bootstrap'
 
   if (import.meta.env.PROD) {
diff --git a/site/src/libs/examples.ts b/site/src/libs/examples.ts
index 15596cd160..de81ab5015 100644
--- a/site/src/libs/examples.ts
+++ b/site/src/libs/examples.ts
@@ -6,7 +6,6 @@ import { getDocsFsPath } from './path'
 
 export const exampleFrontmatterSchema = z.object({
   body_class: z.string().optional(),
-  direction: z.literal('rtl').optional(),
   extra_css: z.string().array().optional(),
   extra_js: z
     .object({
-- 
2.47.3

