少しかしこい。
サイドバーの最大化
前回は「ファイル数のところ」で最大化しましたが、 この作法が「浮いている」と感じました。
マルチウィンドウだと 「ヘッダーのダブルタップ」がウィンドウの最大化になっています。 これに揃えれば筋が良さそう。
maxsidebar.md
TemplaterのStartup templatesに登録します。
<%* // サイドバーの上部をダブルクリックすると最大化 document.querySelector('.workspace-drawer-header-left').ondblclick = () =>{ id = document.getElementById('maxsidebar') if(id) { id.remove() } else { e = document.createElement('style') e.id = 'maxsidebar' document.body.appendChild(e).innerHTML = '.mod-left{max-width:100%;}' } } %>
Startup自体が埋め込みだから、
スクリプトの埋め込みを省けることに気づいて簡略化できました。
ondblclickでダブルクリックに対応。
使い方
サイドバーの上部をダブルタップ。
サイドバーが横に伸びます。
もう一度トントンすると元通り。
まとめ
作法を共通にしておく。 これも「考えなくていいUI」かな。