From b1f49c091fe58cc99529eed943669e8d5d123f28 Mon Sep 17 00:00:00 2001
From: Goudarz Jafari <goudarz.jafari@gmail.com>
Date: Wed, 21 Feb 2024 01:57:23 +0330
Subject: [PATCH] fix: RTL chevron rotation (#302)

* Fix right-to-left chevron in breadcrumb.html file

* Fix right-to-left chevron in pager.html file

* Update file
---
 layouts/partials/breadcrumb.html       | 2 +-
 layouts/partials/components/pager.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/partials/breadcrumb.html b/layouts/partials/breadcrumb.html
index 7ed4318a..5470b2df 100644
--- a/layouts/partials/breadcrumb.html
+++ b/layouts/partials/breadcrumb.html
@@ -4,7 +4,7 @@
       <div class="whitespace-nowrap transition-colors min-w-[24px] overflow-hidden text-ellipsis hover:text-gray-900 dark:hover:text-gray-100">
         <a href="{{ .Permalink }}">{{ .LinkTitle }}</a>
       </div>
-      {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"w-3.5 shrink-0\"") -}}
+      {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"w-3.5 shrink-0 rtl:-rotate-180\"") -}}
     {{ end -}}
   {{ end -}}
   <div class="whitespace-nowrap transition-colors font-medium text-gray-700 contrast-more:font-bold contrast-more:text-current dark:text-gray-100 contrast-more:dark:text-current">
diff --git a/layouts/partials/components/pager.html b/layouts/partials/components/pager.html
index 2ecc6a7a..35001c7b 100644
--- a/layouts/partials/components/pager.html
+++ b/layouts/partials/components/pager.html
@@ -44,7 +44,7 @@
         class="flex max-w-[50%] items-center gap-1 py-4 text-base font-medium text-gray-600 transition-colors [word-break:break-word] hover:text-primary-600 dark:text-gray-300 md:text-lg ltr:ml-auto ltr:pl-4 ltr:text-right rtl:mr-auto rtl:pr-4 rtl:text-left"
       >
         {{- $next.LinkTitle -}}
-        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"inline h-5 shrink-0\"") -}}
+        {{- partial "utils/icon.html" (dict "name" "chevron-right" "attributes" "class=\"inline h-5 shrink-0 rtl:-rotate-180\"") -}}
       </a>
     {{- end -}}
   </div>