yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Ensure copy code button appears in collab editing (#3021)

Browse Source 
* fix: Ensure copy code button appears in collab editing

* fix: code actions should not flip in RTL doc (code is always left aligned)
This commit is contained in:
Tom Moor
2022-01-27 17:14:47 -08:00
committed by GitHub
parent bcd6e17781
commit 0203b2bc17
3 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
shared/editor/nodes/CodeFence.ts
View File

@@ -111,6 +111,11 @@ export default class CodeFence extends Node {
const select = document.createElement("select");
select.addEventListener("change", this.handleLanguageChange);
const actions = document.createElement("div");
actions.className = "code-actions";
actions.appendChild(select);
actions.appendChild(button);
this.languageOptions.forEach(([key, label]) => {
const option = document.createElement("option");
const value = key === "none" ? "" : key;
@@ -123,7 +128,7 @@ export default class CodeFence extends Node {
return [
"div",
{ class: "code-block", "data-language": node.attrs.language },
["div", { contentEditable: "false" }, select, button],
["div", { contentEditable: "false" }, actions],
["pre", ["code", { spellCheck: "false" }, 0]],
];
},