inkdrop-toggle-sidebar.js

inkdrop.commands.add(document.body, "mycmd:toggle-distraction-free", () => {
  const sidebar = document.querySelector(".sidebar-layout");
  const notelist = document.querySelector(".note-list-bar-layout");

  // toggle to min header
  if (sidebar != null || notelist != null) {
    if (sidebar != null) {
      inkdrop.commands.dispatch(document.body, "view:toggle-distraction-free");
    } else if (notelist != null) {
      inkdrop.commands.dispatch(document.body, "view:toggle-distraction-free");
      inkdrop.commands.dispatch(document.body, "view:toggle-distraction-free");
    }
    document.querySelector(".editor-meta-layout").style.display = "none";
    document.querySelector(".editor-title-input").style.paddingLeft = "70px";

    // to drug
    const header = document.querySelector(".editor-header-layout");
    header.style.minHeight = "5px";
    for (const el of Array.from(header.children)) {
      el.style.display = "none";
    }

    return;
  }
  // toggle to normal header
  inkdrop.commands.dispatch(document.body, "view:toggle-distraction-free");
  restoreHeader();
});

inkdrop.commands.add(document.body, "mycmd:toggle-sidebar", () => {
  inkdrop.commands.dispatch(document.body, "view:toggle-sidebar");

  const notelist = document.querySelector(".note-list-bar-layout");
  // toggle to normal header
  if (notelist != null) {
    restoreHeader();
  }
});

function restoreHeader() {
  document.querySelector(".editor-meta-layout").style.display = "";
  document.querySelector(".editor-title-input").style.paddingLeft = "";

  const header = document.querySelector(".editor-header-layout");
  header.style.minHeight = "40px";
  for (const el of Array.from(header.children)) {
    el.style.display = "";
  }
}