Add the highlighted paragraph style to TinyMCE

diff --git a/app/organization/core/static/js/tinymce_setup.js b/app/organization/core/static/js/tinymce_setup.js
index d9f2a70e09c7a7563f47e95f3d89d324740e2561..a2e8adf69eb501b7549f8328100a1304abe25a16 100644 (file)
--- a/app/organization/core/static/js/tinymce_setup.js
+++ b/app/organization/core/static/js/tinymce_setup.js
@@ -78,7 +78,10 @@ jQuery(function($) {
               { title: 'Boutons Blanc', selector: 'a', classes: 'wys-button-white'},
               { title: 'Boutons Blanc Small', selector: 'a', classes: 'wys-button-white-small'},
               { title: 'Boutons Blanc XSmall', selector: 'a', classes: 'wys-button-white-xsmall'}
-            ]
+          ],
+          title: 'Paragraphs', items: [
+            { title: 'Highlighted paragraph', selector: 'p', classes: 'wys-highlighted-paragraph'}
+          ]
           }
         ],
         style_formats_merge: true

diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index 3278825d6e78a59a3cc5cded076be333779f3b2e..4e43fc062d94c83ae6ff607ddbabd2df251abd7b 100644 (file)
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -141,3 +141,18 @@
     @include margin(1);
 
 }
+
+.wys-highlighted-paragraph {
+
+    @include padding-left(1);
+    @include margin-top(1.5);
+    border-left: 1px solid $color-black;
+
+    & + .wys-highlighted-paragraph {
+
+        @include margin-top(-1);
+        @include padding-top(1);
+
+    }
+
+}