make quotation marks visible in edit

kitconcept · Mar 1, 2024 · db4176f · db4176f
1 parent 8186303
commit db4176f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 16 deletions.
diff --git a/src/components/View.jsx b/src/components/View.jsx
@@ -35,9 +35,9 @@ const View = (props) => {
             </div>
           )}
         <blockquote
+          className={data.plaintext?.length < 1 && 'isEmpty'}
           cite={data.cite}
-          lang={data.quotationLanguage}
-          locale={intl.locale}
+          lang={data.quotationLanguage || intl.locale}
         >
           {!isEditMode ? (
             <TextBlockView {...props} />

diff --git a/src/theme/main.less b/src/theme/main.less
@@ -3,27 +3,31 @@
 }
 
 .block-editor-quote blockquote > div {
-  margin: 0em 0em 1em;
+  margin-bottom: 1em;
 }
 
-.block.quote blockquote:not(.block-editor-quote blockquote) {
-  &[locale='en'] p {
-    &::before {
-      content: '"';
-    }
+.block.quote blockquote:not(.isEmpty) {
+  &[lang='de'] {
+    p {
+      &::before {
+        content: '„';
+      }
 
-    &::after {
-      content: '"';
+      &::after {
+        content: '“';
+      }
     }
   }
 
-  &[locale='de'] p {
-    &::before {
-      content: '„';
-    }
+  &[lang='en'] {
+    p {
+      &::before {
+        content: '"';
+      }
 
-    &::after {
-      content: '“';
+      &::after {
+        content: '"';
+      }
     }
   }
 }