翻訳ボタンの表示・非表示スイッチ

https://gyazo.com/b98757eca5840a9f2b32ba7a80c1361b

Scrapbox に追加された新機能の翻訳ボタンを通常は表示しない設定にしておきたい。

code:style.css

display: none;

}

このCSSで消せるのだけれど・・・

使いたいときは、サクッと稼働させたい！！

CSSの変更で切り替えるのは面倒！

そこで

翻訳ボタンを透明にしてマウス操作もできなくする。（表示はされている！）

code:style.css

opacity: 0.0;

pointer-events: none;

}

さらに

翻訳ボタンの表示・非表示スイッチ (タイトル任意）のページに以下のコードを書く。

code:RUN.js

alert("翻訳ボタンをアクティブにします！");

/*　ウザければコメントアウトしても可　*/

code:RUN.css

opacity: 1.0 !important;

pointer-events: auto !important;

}

ページのRUNボタンで、通常の状態へ戻すという作戦。

ページのリロードをすると、翻訳ボタンが見えない状態に戻る。

メニューエリアに空白領域ができているが、RUNボタンとの間なのでそのままにしとく！

トップページにも翻訳ボタンがあるが、こちらは消去する！

code:style.css

.page-list-translation-menu .tool-btn { /* トップページのは表示させない */

display: none;

}

UserCSS.icon

UserScript.icon