From fb0f9556513d483807e8c23675d90a1b7698f305 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Thu, 8 Aug 2024 04:48:57 +0300
Subject: [PATCH] Add richtext help tab

---
 app/views/shared/_richtext_field.html.erb | 38 +++++++++++++----------
 config/locales/en.yml                     |  1 +
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/app/views/shared/_richtext_field.html.erb b/app/views/shared/_richtext_field.html.erb
index 8956e0330..c3ad9e3be 100644
--- a/app/views/shared/_richtext_field.html.erb
+++ b/app/views/shared/_richtext_field.html.erb
@@ -1,25 +1,29 @@
-<div class="row richtext_container">
-  <div class="col-sm-8 mb-3 mb-sm-0">
-    <ul class="nav nav-tabs mb-3" role="tablist">
-      <li class="nav-item">
-        <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" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
-      </li>
-    </ul>
-    <div class="tab-content">
+<div class="richtext_container">
+  <ul class="nav nav-tabs mb-3">
+    <li class="nav-item">
+      <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" data-bs-toggle="tab" data-bs-target="#<%= id %>_preview"><%= t(".preview") %></button>
+    </li>
+    <li class="nav-item">
+      <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#<%= id %>_help"><%= t(".help") %></button>
+    </li>
+  </ul>
+  <div class="row g-3">
+    <div class="tab-content col-sm-8">
       <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 text-break"></div>
-    </div>
-  </div>
-  <div id="<%= id %>_help" class="col-sm-4 richtext_help">
-    <div class="card bg-body-tertiary h-100">
-      <div class="card-body">
-        <%= render :partial => "shared/#{type}_help" %>
+      <div id="<%= id %>_help" class="tab-pane">
+        <div class="card bg-body-tertiary h-100">
+          <div class="card-body">
+            <%= render :partial => "shared/#{type}_help" %>
+          </div>
+        </div>
       </div>
     </div>
+    <aside class="col-sm-4 d-none d-sm-block"></aside>
   </div>
 </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index a69416337..ac41952c7 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -1905,6 +1905,7 @@ en:
     richtext_field:
       edit: Edit
       preview: Preview
+      help: Help
   site:
     about:
       next: Next
-- 
2.39.5