From 5ac4a85e770ae1565832613685b4fac37c05c0f9 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sat, 26 Mar 2022 19:07:08 +0100
Subject: [PATCH] update editorjs blocks

---
 assets/css/app.scss                    | 1 -
 config/packages/app.yaml               | 1 +
 templates/editorjs/link.html.twig      | 2 +-
 templates/editorjs/paragraph.html.twig | 3 +++
 4 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 templates/editorjs/paragraph.html.twig

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 8d8ee81..280509a 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -784,7 +784,6 @@ $links: (
 
 .ejs-link {
     margin: 10px auto;
-    max-width: 95%;
     border: 2px solid $color-very-light-grey;
     border-radius: 5px;
 
diff --git a/config/packages/app.yaml b/config/packages/app.yaml
index 77db520..8486bf4 100644
--- a/config/packages/app.yaml
+++ b/config/packages/app.yaml
@@ -72,6 +72,7 @@ core:
         blocks:
             link: 'editorjs/link.html.twig'
             code: 'editorjs/code.html.twig'
+            paragraph: 'editorjs/paragraph.html.twig'
 
     file_manager:
         mimes:
diff --git a/templates/editorjs/link.html.twig b/templates/editorjs/link.html.twig
index 86ba4cd..3537455 100644
--- a/templates/editorjs/link.html.twig
+++ b/templates/editorjs/link.html.twig
@@ -6,7 +6,7 @@
                     <div class="ejs-link-content--title">{{- meta.title -}}</div>
                 {% endif %}
                 {% if meta.title %}
-                    <div class="ejs-link-content--description">{{- meta.description -}}</div>
+                    <div class="ejs-link-content--description">{{- meta.description|nl2br -}}</div>
                 {% endif %}
                 {% if link %}
                     <div class="ejs-link-content--link">{{- link -}}</div>
diff --git a/templates/editorjs/paragraph.html.twig b/templates/editorjs/paragraph.html.twig
new file mode 100644
index 0000000..89f8b77
--- /dev/null
+++ b/templates/editorjs/paragraph.html.twig
@@ -0,0 +1,3 @@
+{%- block render -%}
+    <p>{{- text|raw -}}</p>
+{%- endblock -%}