liens transversaux: wysiwyg linkit + wysiwyg style + css

config/sync/editor.editor.wysiwyg.yml

@@ -48,5 +48,11 @@ settings:
         -
           label: mathallo
           element: '<span class="mathallo-site-name">'
+        -
+          label: 'Lien transversal'
+          element: '<p class="lien-transversal">'
+    linkit_extension:
+      linkit_enabled: true
+      linkit_profile: default
 image_upload:
   status: false

config/sync/filter.format.wysiwyg.yml

@@ -57,7 +57,7 @@ filters:
     status: false
     weight: -44
     settings:
-      allowed_html: '<span class="mathallo-site-name">'
+      allowed_html: '<span class="mathallo-site-name"> <p class="lien-transversal">'
       filter_html_help: true
       filter_html_nofollow: false
   filter_html_escape:
@@ -105,7 +105,7 @@ filters:
   linkit:
     id: linkit
     provider: linkit
-    status: false
+    status: true
     weight: -40
     settings:
       title: true

web_main/themes/custom/mathallo/assets/scss/main.scss

@@ -1,6 +1,7 @@
 @import "partials/colors";
 @import "partials/fonts";
 @import "partials/mixins";
+@import "wysiwyg";
 
 a, a:visited{
   text-decoration: none;

web_main/themes/custom/mathallo/assets/scss/wysiwyg.scss

@@ -12,3 +12,10 @@ span.mathallo-site-name{
 span.footnotes-preview{
   background-color: $rose;
 }
+
+p.lien-transversal a{
+  border: 1px dashed $bleu_site;
+  padding: 0.6em 0.8em;
+  border-radius: 7px;
+  color: $bleu_site;
+}