Remove .richtext_preview css class

diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js
index 5d0f956b3498740dd489aec7f6024c4be903f6bc..7447a0ca2c313a7f5c95f6293b287a812639daa0 100644 (file)
--- a/app/assets/javascripts/richtext.js
+++ b/app/assets/javascripts/richtext.js
@@ -5,7 +5,7 @@ $(document).ready(function () {
    * the user next switches to it.
    */
   $(".richtext_container textarea").change(function () {
-    $(this).parents(".richtext_container").find(".richtext_preview").empty();
+    $(this).parents(".richtext_container").find(".tab-pane[id$='_preview']").empty();
   });
 
   /*
@@ -13,7 +13,7 @@ $(document).ready(function () {
    */
   $(".richtext_container button[data-bs-target$='_preview']").on("show.bs.tab", function () {
     var editor = $(this).parents(".richtext_container").find("textarea");
-    var preview = $(this).parents(".richtext_container").find(".richtext_preview");
+    var preview = $(this).parents(".richtext_container").find(".tab-pane[id$='_preview']");
     var minHeight = editor.outerHeight() - preview.outerHeight() + preview.height();
 
     if (preview.contents().length === 0) {

diff --git a/app/views/shared/_richtext_field.html.erb b/app/views/shared/_richtext_field.html.erb
index b8b48f6c744bdfa7e493cb2c5e35ba526e894c2b..eb1aa5d301685591b9c4d30a079c6fff584473d0 100644 (file)
--- a/app/views/shared/_richtext_field.html.erb
+++ b/app/views/shared/_richtext_field.html.erb
@@ -12,7 +12,7 @@
       <div id="<%= id %>_edit" class="tab-pane show active">
         <%= builder.text_area(attribute, options.merge(:wrapper => false, "data-preview-url" => preview_url(:type => type))) %>
       </div>
-      <div id="<%= id %>_preview" class="tab-pane richtext_preview richtext text-break"></div>
+      <div id="<%= id %>_preview" class="tab-pane richtext text-break"></div>
     </div>
   </div>
   <div id="<%= id %>_help" class="col-sm-4 richtext_help">