― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 7 件の記事 ] 
作成者 メッセージ
投稿記事Posted: 2023年2月23日(木) 09:23 
オフライン

登録日時: 2022年4月13日(水) 17:04
記事: 13
110.0 になったら下記が効かなくなてしまいました。

/* タブが一つの時はタブボタンを表示しない */
.tabbrowser-tab[first-visible-tab][last-visible-tab] {visibility: collapse !important;
}

書き換え方がお分かりの方がいらっしゃれば教えていただくと助かります。
本来ならば userChrome.css・userContent.cssスレ にでも書き込んで相談すべき
なのでしょうが、どういうわけか 「余所でやってください」とのことで書き込めないもので。。

私がブラウザに求めているものは、 1.に安全 2.にスピード 3.にUI で、使わない機能を除いた
スッキリした 画面が好みなのです。Firefoxはそれが実現できるので、とても満足しているのですが。。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 14:17 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 3711
フクジュソウ さんが書きました:
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(下)を比較させたものです。
添付ファイル:
ブラウザーツールボックス.jpg
ブラウザーツールボックス.jpg [ 651.67 KiB | 表示数: 4582 回 ]

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 のみで指定することは無理かと思われます。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 17:09 
オフライン

登録日時: 2022年4月13日(水) 17:04
記事: 13
Earlgrey Tea 様

userChrome.css の本質が何であるかも知らぬ、生兵法の私の愚問に対して
目から鱗のご返事を頂き、心から感謝致します。
試しに一つだけ残ってゐる属性の first-visible-unpinned-tab を visibility:collapse にした処、
見事に希望通りの動きをするやうになりました。(109.0.1までは二つ目のタブを開いた時に
一つ目のタブボタンも現れてしまってゐたので、むしろスッキリしました。)

思ふに、first-visible と last-visible の二属性は必要なしとして 110.0 から Mozilla が削除
したのではないかと想像致します。

次回からは、ご教示頂いた方法で要素の属性を調べることができます。
本当に有難うございました.

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 17:27 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 3711
フクジュソウ さんが書きました:
試しに一つだけ残ってゐる属性の first-visible-unpinned-tab を visibility:collapse にした処、
見事に希望通りの動きをするやうになりました。(109.0.1までは二つ目のタブを開いた時に
一つ目のタブボタンも現れてしまってゐたので、むしろスッキリしました。)

えっ、それで良かったのですか?
元々のCSSは「タブが1個だけの場合は表示しない」という挙動を実現するために、
「first-visible-tab=true" かつ last-visible-tab="true"」=「1個だけのタブ」
として指定していたわけです。
常にタブの個数と関係なく、1個目のタブは表示されないことになってしまうのでは…

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 20:02 
オフライン

登録日時: 2022年4月13日(水) 17:04
記事: 13
EarlreyTea さま

仰る通りです。
これでは「起動時のページのタブボタンは表示しない」に過ぎませんね。
どうやら私には「タブ(つまみ)」の意味が良く分かってゐなかったやうです。
でもまあ、少しは以前よりスッキリしたので、これで満足です。

有難うございました。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 21:53 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 3711
フクジュソ さんが書きました:
思ふに、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() という関数が頻繁に呼ばれていて、一般ユーザーの役に立ってない高コストの処理が含まれていたので削除するよ、ということのようです。

これによりタブ要素への
  • beforeselected-visible
  • first-visible-tab
  • last-visible-tab
  • before-multiselected
  • beforehovered
  • afterhovered
の属性付与が廃止となりました。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2023年2月23日(木) 22:13 
オフライン

登録日時: 2022年4月13日(水) 17:04
記事: 13
重ね重ね恐れ入ります。
納得致しました。 有難う御座いました。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 7 件の記事 ] 

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[48人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean