すたすた式
Firefox
ツリー型タブ（Tree Style Tab）を使っているので、上にあるタブを消して（非表示にして）使っていました。
【ツリー型タブ】Firefox 65 で上のタブを消す / 隠す| 『ツリー型タブ』と書いてある部分も | すたすた式
しかし、いつのころからか（Firefox 66から？）タブのあるあたり（タブバー）の左側に縦線がでていました。
気になるのでこれを消したいと思います。
他にもっといい方法があるかもしれませんが、この方法でとりあえず消えました。
userChrome.css ファイルに以下を書きました。これで、縦線を非表示（消す）ことができました。
.titlebar-spacer[type="pre-tabs"] { opacity: 0 !important; }
Firefoxの標準機能、ブラウザーツールボックスを使って調べました。
しかし、デフォルトでは無効になっているので、これを有効化します
まず、下記いずれかの方法で「開発ツール」を表示させます。
開発ツールが表示されたら、[右上の３つの点] - [設定]をクリック（または [ F1 ] キーを押す）
下の方にスクロールしていくと、「ブラウザーとアドオンのデバッガーを有効化」と「リモートデバッガーを有効化」という項目があるので、２つともチェックを入れます。
下記いずれかの方法で「ブラウザーツールボックス」を表示させます
リモートデバッグ接続要求のウインドウがでるので[OK]をクリック
開発ツールが表示されるので左側の四角と矢印のマークを押してから Firefox のウインドウにマウスポインターを移動させると対象が赤い点線で囲まれます。
もしくは、インスペクターの欄にあるコードにマウスポインタ－をのせると対象が赤い点線で囲まれます。
今回、怪しいと思った場所は左側の四角と矢印のマークを押しても赤い点線が出なかったので、地道にインスペクターを使って調べました。
toolbar id="TabToolbar" の左側にある三角マークをクリックすると出てくる
<hbox class="titlebar-spacer" type="pre-tabs"><hbox>
にマウスポインターをのせると見ずらいですが赤い点線で囲まれました
スタイルエディターの browser.css をクリック、表示されるコードの欄で [ Ctrl ] + [ f ]でtitlebar-spacerを検索
titlebar-spacer
.titlebar-spacer[type="pre-tabs"] { border-inline-end: 1px solid var(--lwt-background-tab-separator-color, currentColor); opacity: 0.2; }
これをいじれば何とかなりそう。
opacity:（透過）の数値を 0にして!inportantをつけて優先順位をあげました。
opacity:
0
!inportant
サイト内検索に使ってください 🐤
© 2015 すたすた式
Enjoy!👍
QooQ
コメントなし:
コメントを投稿