Remove .richtext_dopreview css class

diff --git a/app/assets/javascripts/richtext.js b/app/assets/javascripts/richtext.js
index 259b914de614f6d2762cbd4beb3e07ca7adc0843..7da465d29f9b78fbb60a6ad9d6c6418cd98b61bd 100644 (file)
--- a/app/assets/javascripts/richtext.js
+++ b/app/assets/javascripts/richtext.js
@@ -11,7 +11,7 @@ $(document).ready(function () {
   /*
    * Install a handler to switch to preview mode
    */
-  $(".richtext_dopreview").on("show.bs.tab", 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 minHeight = editor.outerHeight() - preview.outerHeight() + preview.height();

diff --git a/app/views/shared/_richtext_field.html.erb b/app/views/shared/_richtext_field.html.erb
index 23817576276da21b53d39c9ad8c3b3b819092adb..9934ef63bb4f37b86fb2d6ada467b4e5b7bcdeac 100644 (file)
--- a/app/views/shared/_richtext_field.html.erb
+++ b/app/views/shared/_richtext_field.html.erb
@@ -5,7 +5,7 @@
         <button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#<%= id %>_edit"><%= t(".edit") %></button>
       </li>
       <li class="nav-item">
-        <button type="button" class="nav-link richtext_dopreview" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
+        <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
       </li>
     </ul>
     <div class="tab-content">