Redesign "post as comment" checkbox

according to Bootstrap here: https://getbootstrap.com/docs/5.3/forms/checks-radios/#checks
MaMpf-HD · Oct 23, 2023 · 8092424 · 8092424
1 parent 759d99c
commit 8092424
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/app/views/annotations/_form.html.erb b/app/views/annotations/_form.html.erb
@@ -121,12 +121,14 @@
       <%= f.hidden_field :visible_for_teacher, value: false %>
     <% end %>
 
-    <%= f.label :post_as_comment, class: "checkbox inline" do %>
-      <span, title="<%= t('admin.annotation.post_as_comment_tooltip') %>"><b>
-        <%= t('admin.annotation.post_as_comment') %> &nbsp
-      </b></span>
-      <%= f.check_box :post_as_comment %>
-    <% end %>
+    <!--- Post as comment? -->
+    <div class="form-check">
+      <%= f.check_box :post_as_comment, class: "form-check-input" %>
+      <%= f.label :post_as_comment,
+          t('admin.annotation.post_as_comment'),
+          class: "form-check-label" %>
+      <%= helpdesk(t('admin.annotation.post_as_comment_tooltip'), false) %>
+    </div>
 
     <br>
 

diff --git a/app/views/annotations/edit.js.erb b/app/views/annotations/edit.js.erb
@@ -243,3 +243,5 @@ if (<%= @posted %>) {
   postComment(true);
   postAsComment.disabled = true;
 }
+
+initBootstrapPopovers();