From 36182747230e95f971a61dbbdaf9a03ce8b43105 Mon Sep 17 00:00:00 2001
From: jonaspiterek <piterek@kitconcept.com>
Date: Fri, 1 Mar 2024 15:39:01 +0100
Subject: [PATCH] fix lang attribute for quotation marks

---
 news/23.breaking        |  1 +
 src/components/View.jsx |  4 ++--
 src/theme/main.less     | 31 +++++++++++++++++--------------
 3 files changed, 20 insertions(+), 16 deletions(-)
 create mode 100644 news/23.breaking

diff --git a/news/23.breaking b/news/23.breaking
new file mode 100644
index 0000000..8995546
--- /dev/null
+++ b/news/23.breaking
@@ -0,0 +1 @@
+- fix quotation marks using `lang` attribute from blockquote instead of the html ones
\ No newline at end of file
diff --git a/src/components/View.jsx b/src/components/View.jsx
index 5c97e9b..15f1114 100644
--- a/src/components/View.jsx
+++ b/src/components/View.jsx
@@ -12,7 +12,7 @@ const View = (props) => {
     slateSettings: {
       ...config.settings.slate,
       toolbarButtons: config.settings.slate.toolbarButtons.filter(
-        (index) => index - config.settings.slate.toolbarButtons,
+        (index) => index - config.settings.slate.toolbarButtons
       ),
     },
   };
@@ -37,7 +37,7 @@ const View = (props) => {
         <blockquote
           className={data.plaintext?.length < 1 && 'isEmpty'}
           cite={data.cite}
-          lang={data.quotationLanguage || intl.locale}
+          lang={data.quotationLanguage != intl.locale && data.quotationLanguage}
         >
           {!isEditMode ? (
             <TextBlockView {...props} />
diff --git a/src/theme/main.less b/src/theme/main.less
index 46e9311..c5427eb 100644
--- a/src/theme/main.less
+++ b/src/theme/main.less
@@ -6,27 +6,30 @@
   margin-bottom: 1em;
 }
 
-.block.quote blockquote:not(.isEmpty) {
+html {
   &[lang='de'] {
-    p {
-      &::before {
-        content: '„';
-      }
+    .block.quote blockquote:not(.isEmpty) {
+      p {
+        &::before {
+          content: '„';
+        }
 
-      &::after {
-        content: '“';
+        &::after {
+          content: '“';
+        }
       }
     }
   }
-
   &[lang='en'] {
-    p {
-      &::before {
-        content: '"';
-      }
+    .block.quote blockquote:not(.isEmpty) {
+      p {
+        &::before {
+          content: '"';
+        }
 
-      &::after {
-        content: '"';
+        &::after {
+          content: '"';
+        }
       }
     }
   }