responsive popover direction

openjournals · Nov 2, 2024 · b12141e · b12141e
1 parent d43626d
commit b12141e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/javascript/custom/papers.js b/app/javascript/custom/papers.js
@@ -43,4 +43,6 @@ const copyText = (text) => {
 }
 window.copyText = copyText;
 
-$('[data-toggle="popover"]').popover()
+$('#badge-copy-button').popover({
+  placement: window.screen.width > 500 ? 'left' : 'bottom'
+})
diff --git a/app/views/papers/_badge.html.erb b/app/views/papers/_badge.html.erb
@@ -8,9 +8,9 @@
 <div class="badge-container" id="markdown-badge">
   <img id="reviewer-badge" src="<%= badge_url %>">
     <button
+      id="badge-copy-button"
       class="btn btn-outline-secondary btn-sm"
       data-toggle="popover"
-      data-placement="left"
       title="Copied!"
       data-content="<pre><%= badge_markdown %></pre>"
       data-sanitize="false"