display:noneに修正、borderを消す

prog-g · Sep 13, 2020 · fbf8842 · fbf8842
1 parent 4913a30
commit fbf8842
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/src/lib/util.ts b/src/lib/util.ts
@@ -29,13 +29,21 @@ const download: () => void = () => {
   img.className = canvas.className;
   canvas.parentNode!.replaceChild(img, canvas);
 
-  //ボタンを見えなくする
-  const button = doc.getElementsByTagName("button");
-  for (let i = 0; i < button.length; i++) {
-    button[i].style.visibility = "hidden";
-  }
-  const addDiv = doc.getElementsByClassName("note new")[0] as HTMLElement;
-  addDiv.style.visibility = "hidden";
+  //ボタン,ボーダー線を見えなくする
+  Array.from(doc.getElementsByTagName("button")).forEach((e) => {
+    const parent = e.parentNode as HTMLElement;
+    if (parent.className == "note-menu") {
+      e.style.visibility = "hidden";
+    } else {
+      e.style.display = "none";
+    }
+  });
+  const addButton = doc.getElementsByClassName("note new")[0] as HTMLElement;
+  addButton.style.display = "none";
+  const modeSpan = doc.getElementsByClassName("graph-mode")[0] as HTMLElement;
+  modeSpan.style.display = "none";
+  const notesDiv = doc.getElementsByClassName("notes")[0] as HTMLElement;
+  notesDiv.style.border = "0px";
 
   // 内容をファイルに変換して URL を発行し、クリックイベントを起こす
   const html = `<!DOCTYPE html>\n${doc.outerHTML}`;