github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 14:03:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Make codeblock buttons 'flat' (#29603)

Browse Source
This commit is contained in:
Jordan Vidrine 2024-11-05 14:45:08 -06:00 committed by GitHub
parent 758de8167b
commit cf350ba54c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -110,7 +110,7 @@ export default class CodeblockButtons {
if (this.showCopy) {
const copyButton = document.createElement("button");
copyButton.classList.add("btn", "nohighlight", "copy-cmd");
copyButton.classList.add("btn", "nohighlight", "copy-cmd", "btn-flat");
copyButton.ariaLabel = I18n.t("copy_codeblock.copy");
copyButton.innerHTML = iconHTML("copy");
wrapperEl.appendChild(copyButton);
@ -121,7 +121,12 @@ export default class CodeblockButtons {
if (this.showFullscreen && !Mobile.isMobileDevice) {
const fullscreenButton = document.createElement("button");
fullscreenButton.classList.add("btn", "nohighlight", "fullscreen-cmd");
fullscreenButton.classList.add(
"btn",
"nohighlight",
"fullscreen-cmd",
"btn-flat"
);
fullscreenButton.ariaLabel = I18n.t("copy_codeblock.fullscreen");
fullscreenButton.innerHTML = iconHTML("discourse-expand");
wrapperEl.appendChild(fullscreenButton);