github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 09:42:07 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

FIX: Copy & Fullscreen button edits in codeblocks (#20483)

Browse Source
This commit is contained in:
Jordan Vidrine 2023-02-28 10:54:24 -06:00 committed by GitHub
parent 5138caf525
commit 366f5e08d7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/app/lib/codeblock-buttons.js
View File

@ -113,6 +113,9 @@ export default class CodeblockButtons {
copyButton.ariaLabel = I18n.t("copy_codeblock.copy");
copyButton.innerHTML = iconHTML("copy");
wrapperEl.appendChild(copyButton);
wrapperEl.style.right = `${
codeBlock.offsetWidth - codeBlock.clientWidth
}px`;
}
if (

10
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -1022,15 +1022,7 @@ pre {
.codeblock-button-wrapper {
position: absolute;
right: 0;
display: flex;
.copy-cmd {
right: 0;
}
.copy-fullscreen {
right: 28px;
}
}
.copy-cmd,
@ -1042,8 +1034,10 @@ pre {
min-height: 0;
font-size: var(--font-down-2);
opacity: 0.7;
cursor: pointer;
&.action-complete {
cursor: auto;
.d-icon {
color: var(--tertiary);
}