MozillaZine.jp フォーラム https://forums.mozillazine.jp/ |
|
タブの表示 userChrome.css https://forums.mozillazine.jp/viewtopic.php?f=2&t=21667 |
ページ 1 / 1 |
作成者: | フクジュソウ [ 2023年2月23日(木) 09:23 ] |
記事の件名: | タブの表示 userChrome.css |
110.0 になったら下記が効かなくなてしまいました。 /* タブが一つの時はタブボタンを表示しない */ .tabbrowser-tab[first-visible-tab][last-visible-tab] {visibility: collapse !important; } 書き換え方がお分かりの方がいらっしゃれば教えていただくと助かります。 本来ならば userChrome.css・userContent.cssスレ にでも書き込んで相談すべき なのでしょうが、どういうわけか 「余所でやってください」とのことで書き込めないもので。。 私がブラウザに求めているものは、 1.に安全 2.にスピード 3.にUI で、使わない機能を除いた スッキリした 画面が好みなのです。Firefoxはそれが実現できるので、とても満足しているのですが。。 |
作成者: | EarlgreyTea [ 2023年2月23日(木) 14:17 ] |
記事の件名: | Re: タブの表示 userChrome.css |
フクジュソウ さんが書きました: 110.0 になったら下記が効かなくなてしまいました。 /* タブが一つの時はタブボタンを表示しない */ .tabbrowser-tab[first-visible-tab][last-visible-tab] {visibility: collapse !important; } 書き換え方がお分かりの方がいらっしゃれば教えていただくと助かります。 「書き換え方」はわかりません。調べ方ならわかります。 userChrome.css でCSSを指定してUIの見た目を改変することが出来ますが、それは本来の機能として提供されているわけでなく、あくまでユーザーが勝手にやっていることです。 都度、現在の仕様を調べてやる必要があります。 UIの要素を調べるには「ブラウザーツールボックス」を使います。 まず準備が必要です。 メニュー>その他のツール>ウェブ開発ツール (Ctrl+Shift+I) を選択して「ウェブ開発ツール」を開きます。 ウェブ開発ツールのツールバー右端の「…」ボタン>設定を選択し、
「リモートデバッガーを有効化」 これで使用可能となります。 再び、メニュー>その他のツールを開くと「ブラウザーツールボックス (Ctrl+Shift+Alt+I)」の項目が増えてると思うのでそれを選択します。 すると「リモートデバッグ接続要求」というダイアログが出てくるので「OK」を選択します。 これで「ブラウザーツールボックス」が開きました。 ブラウザーツールボックスの画面を「インスペクター」に切り替え、カーソルマークのボタンを点灯させた状態で Firefox のUIを選択すると、対応する箇所のHTMLが表示されます。 下の添付画像は、右側にブラウザーツールボックスを配置し、Ver.107(上) と Ver.110(下)を比較させたものです。 添付ファイル: Ver.107 の該当要素には「first-visible-tab=true"」、「first-visible-unpinned-tab="true"」、「last-visible-tab="true"」の属性がセットされています。 それに対し、Ver.110 では「first-visible-unpinned-tab="true"」のみで、あとの2つの属性はセットされていません。 「first-visible-tab=true"」、「last-visible-tab="true"」がセットされなくなったのが意図的な変更か、そうでないかはわかりません。 タブが1個であることを特定できる別の属性もありませんので、CSS のみで指定することは無理かと思われます。 |
作成者: | フクジュソウ [ 2023年2月23日(木) 17:09 ] |
記事の件名: | Re: タブの表示 userChrome.css |
Earlgrey Tea 様 userChrome.css の本質が何であるかも知らぬ、生兵法の私の愚問に対して 目から鱗のご返事を頂き、心から感謝致します。 試しに一つだけ残ってゐる属性の first-visible-unpinned-tab を visibility:collapse にした処、 見事に希望通りの動きをするやうになりました。(109.0.1までは二つ目のタブを開いた時に 一つ目のタブボタンも現れてしまってゐたので、むしろスッキリしました。) 思ふに、first-visible と last-visible の二属性は必要なしとして 110.0 から Mozilla が削除 したのではないかと想像致します。 次回からは、ご教示頂いた方法で要素の属性を調べることができます。 本当に有難うございました. |
作成者: | EarlgreyTea [ 2023年2月23日(木) 17:27 ] |
記事の件名: | Re: タブの表示 userChrome.css |
フクジュソウ さんが書きました: 試しに一つだけ残ってゐる属性の first-visible-unpinned-tab を visibility:collapse にした処、 見事に希望通りの動きをするやうになりました。(109.0.1までは二つ目のタブを開いた時に 一つ目のタブボタンも現れてしまってゐたので、むしろスッキリしました。) えっ、それで良かったのですか? 元々のCSSは「タブが1個だけの場合は表示しない」という挙動を実現するために、 「first-visible-tab=true" かつ last-visible-tab="true"」=「1個だけのタブ」 として指定していたわけです。 常にタブの個数と関係なく、1個目のタブは表示されないことになってしまうのでは… |
作成者: | フクジュソウ [ 2023年2月23日(木) 20:02 ] |
記事の件名: | Re: タブの表示 userChrome.css |
EarlreyTea さま 仰る通りです。 これでは「起動時のページのタブボタンは表示しない」に過ぎませんね。 どうやら私には「タブ(つまみ)」の意味が良く分かってゐなかったやうです。 でもまあ、少しは以前よりスッキリしたので、これで満足です。 有難うございました。 |
作成者: | EarlgreyTea [ 2023年2月23日(木) 21:53 ] |
記事の件名: | Re: タブの表示 userChrome.css |
フクジュソ さんが書きました: 思ふに、first-visible と last-visible の二属性は必要なしとして 110.0 から Mozilla が削除 したのではないかと想像致します。 気になったので調べてみました。 その結果、下記のバグチケットにてその変更が行われたことがわかりました。 Bug 1808661 Remove dead code from _setPositionalAttributes 引用: _setPositionalAttributes is called very frequently, and has some expensive code with no consumers. Just remove that. ということなので、 _setPositionalAttributes() という関数が頻繁に呼ばれていて、一般ユーザーの役に立ってない高コストの処理が含まれていたので削除するよ、ということのようです。これによりタブ要素への
|
作成者: | フクジュソウ [ 2023年2月23日(木) 22:13 ] |
記事の件名: | Re: タブの表示 userChrome.css |
重ね重ね恐れ入ります。 納得致しました。 有難う御座いました。 |
ページ 1 / 1 | All times are UTC + 9 hours |
Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |