Add a new link style to the wysiwyg editor

diff --git a/app/organization/core/static/js/tinymce_setup.js b/app/organization/core/static/js/tinymce_setup.js
index 3ee0e2857e88f26cdd6c3a88332e6cc2a5840b1f..64aaa7d40e4d9603471bf1fd7edc30bfe07d3bc5 100644 (file)
--- a/app/organization/core/static/js/tinymce_setup.js
+++ b/app/organization/core/static/js/tinymce_setup.js
@@ -88,6 +88,13 @@ jQuery(function($) {
                     { title: 'Small paragraph', selector: 'p', classes: 'wys-small-text'}
                 ]
 
+            },
+            {
+
+                title: 'Links', items: [
+                    { title: 'Unstyled link', selector: 'a', classes: 'wys-unstyled-link'}
+                ]
+
             }
         ],
         style_formats_merge: true

diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index 17d17d5eef46a6728e365150e596447efae22ab0..b9d42819f0877e7d4055971077905d1c790bbe66 100644 (file)
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -162,3 +162,12 @@
     @extend .small-text;
 
 }
+
+.wys-unstyled-link {
+
+    border-bottom: 0 !important;
+    &:hover {
+        box-shadow: none !important;
+    }
+
+}