From 8bd7f18c76ef4098c8e8fd3f7506a0883c93f21e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 5 Jun 2023 12:13:09 -0400
Subject: [PATCH] add more padding if code block has scrollbar

---
 public/src/client/topic.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/public/src/client/topic.js b/public/src/client/topic.js
index 71a3bb5d4b..6a95ce842f 100644
--- a/public/src/client/topic.js
+++ b/public/src/client/topic.js
@@ -241,12 +241,21 @@ define('forum/topic', [
 		});
 
 		function addCopyCodeButton() {
+			function scrollbarVisible(element) {
+				return element.scrollHeight > element.clientHeight;
+			}
 			let codeBlocks = $('[component="topic"] [component="post/content"] code:not([data-button-added])');
 			codeBlocks = codeBlocks.filter((i, el) => $(el).text().includes('\n'));
 			const container = $('<div class="hover-parent position-relative"></div>');
 			const buttonDiv = $('<button component="copy/code/btn" class="hover-visible position-absolute top-0 btn btn-sm btn-outline-secondary" style="right: 0px; margin: 1rem 1rem 0 0;"><i class="fa fa-fw fa-copy"></i></button>');
-			codeBlocks.parent().wrap(container).parent().append(buttonDiv);
-			codeBlocks.parent().parent().find('[component="copy/code/btn"]').translateAttr('title', '[[topic:copy-code]]');
+			const preEls = codeBlocks.parent();
+			preEls.wrap(container).parent().append(buttonDiv);
+			preEls.parent().find('[component="copy/code/btn"]').translateAttr('title', '[[topic:copy-code]]');
+			preEls.each((index, el) => {
+				if (scrollbarVisible(el)) {
+					$(el).parent().find('[component="copy/code/btn"]').css({ margin: '1rem 2rem 0 0' });
+				}
+			});
 			codeBlocks.attr('data-button-added', 1);
 		}
 		hooks.registerPage('action:posts.loaded', addCopyCodeButton);