Mozilla Firefox 多段タブスレ Part.3 (988ﾚｽ)
Mozilla Firefox 多段タブスレ Part.3 http://egg.5ch.net/test/read.cgi/software/1710673850/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
ﾚｽ栞
ﾘﾛｰﾄﾞ規制
です｡10分ほどで解除するので､
他のﾌﾞﾗｳｻﾞ
へ避難してください｡
874: 870 (ﾜｯﾁｮｲ 6b31-B3Cu) [sage] 2025/08/04(月) 15:31:35.52 ID:626kAffw0 タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります なので0.5pxで指定すると見た目上1pxになるが、アイコンと文字よりタブが下方向にずれたように見えます 環境によっては下のバーにタブが少し重なりますし、他にも色々と表示の乱れが出ますね。 対策として垂直間隔と水平間隔の余白を無くし、タブの右端と下端に背景色で'box-shadow'を使い擬似的に垂直間隔と水平間隔の余白を1pxに見えるようにしました。 多段タブや他の表示には影響は無いと思いますがどうでしょうか？ https://tadaup.jp/8nOfUBzqF.png /* タブ高さ・余白を調整する */ :root { --tab-min-height: 25px !important; --tab-block-margin: 0px !important; --tab-inline-padding: 6px !important; } /* 通常タブの水平間隔の余白を無くす */ .tabbrowser-tab { display: inline-block !important; margin-inline: 0 !important; } /* ピン留めタブの水平間隔を無くす */ .tabbrowser-tab[pinned] { padding-inline: 0 !important; } http://egg.5ch.net/test/read.cgi/software/1710673850/874
876: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 17:01:01.13 ID:R8dnqpmrH >>874 総括すると、このような感じ：https://tadaup.jp/8NRWj8SA6.png :root { --tab-overflow-clip-margin: 1px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */ --tab-inline-padding: 6px !important; /* タブの左右の余白 */ --tab-block-margin: 1px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */ --tab-min-height: 25px !important; } .tab-label-container { height: auto !important; } .tab-content[pinned] { padding-inline: 5px !important; /* ピン留めされたタブの左右余白 */ } /* 以下はスクリーンショットの真似 */ .tab-background { --background: rgb(180, 180, 180); background: var(--background) !important; box-shadow: 1px 1px var(--background) !important; border-radius: 2px !important; &[selected] { --background: rgb(148, 163, 179); } } http://egg.5ch.net/test/read.cgi/software/1710673850/876
880: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 2025/08/04(月) 19:22:55.49 ID:R8dnqpmrH >>878 >タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。 スクショの中に box-shadow の設定があるって気づいてなかったから、ただ真似してみただけで、特におすすめってわけじゃないです。 実際、どっちのやり方も少し瑕疵があるので： https://tadaup.jp/8pXsA4dJl.png どっちが気になるかは、まあ人それぞれって感じですね。 もしかしたら完璧な方法もあるかもだけど、ざっと試した感じでは見つかりませんでした。 あと、「Page Title in URL Bar」（URLバーにページタイトルを表示）もぜひ試してみてくださいね： https://github.com/Merci-chao/userChrome.js/blob/main/README.jp.md#page-title-in-url-bar （＃の部分も含めてね） スクリプトのダンロード： https://raw.githubusercontent.com/Merci-chao/userChrome.js/refs/heads/main/PageTitle%40Merci.chao.uc.js ページタイトルが表示されつつ、UIもコンパクトにできるので、そういうのが好きな人にはけっこういいかも。 http://egg.5ch.net/test/read.cgi/software/1710673850/880
915: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/17(日) 15:02:07.31 ID:WQT/gpVA0 908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1) https://imgur.com/gallery/pin-okv128esr-zip-5Lggk1T そこでお教えのv141ESR＋多段タブ.zip(138+)=ttps://u6.getuploader.com/script/download/2238 のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。 (別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更など変更して反映される事確認済み) が、pin止めタブの下(と上)は多段タブ出ません→ https://imgur.com/gallery/pin-5ch-109-111-multi-js-jZdIbUX これをスクショ(1)の様にしたいという意図です。 http://egg.5ch.net/test/read.cgi/software/1710673850/915
916: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/17(日) 15:20:00.05 ID:WQT/gpVA0 上記の画像をサムネ表示できるLinkに修正した(つもりです) 908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1)https://i.imgur.com/U0ckTFS.jpeg そこでお教えのv141ESR＋多段タブ.zip(138+)=ttps://u6.getuploader.com/script/download/2238 のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。 (別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更して反映される事確認済み) が、pin止めタブの下(と上)は多段タブ出ません→https://i.imgur.com/mhurKh0.jpeg これをスクショ(1)の様にしたいという意図です。 http://egg.5ch.net/test/read.cgi/software/1710673850/916
938: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/21(木) 09:13:53.39 ID:w05yOfS00 >>936 ありがとうございます。932-935=>>916です >>909-910はどのファイルのどこに 追記しましたでしょうか？ また それでタブをピン止めした際、(909で変更されたピン止めタブの幅は別にして) 下図の様にピン止めしたタブの下も多段タブが入るのでしょうか？ https://i.imgur.com/U0ckTFS.jpeg >>936 = >>909-911さんですね http://egg.5ch.net/test/read.cgi/software/1710673850/938
943: 名無しさん＠お腹いっぱい。 (ﾜｯﾁｮｲ 19fc-yZQk) [sage] 2025/08/22(金) 02:12:56.50 ID:4Y3Qd8xL0 932-935=938=>>916です 私が「936 = >>909-911さんですね」と書きましたが 私の間違いで936さん=938=923 ≠909-911さんですね その為>>938と失礼な事を書き、申し訳ありません。 >>936 さんの通りにし(909-910はコード読んで不要と判断) おかげ様でFirefox140.1.0ESR portableで 正しくpin止め下のタブも正しい多段タブで動作しました→ttps://i.imgur.com/6unEFvg.jpeg (alice0775氏/(最新)139/searchWP_modoki.js動作も31行目からの//(使い方)どおり正常) 936 さん 誠に有難うございました。 http://egg.5ch.net/test/read.cgi/software/1710673850/943
982: Merci chao (JP 0H73-qkCt) [mercichao@gmail.com] 2025/09/19(金) 16:30:22.22 ID:tO85isxQH >>981 hidePinnedDropIndicator は Firefox 143 以降に対応している設定なので、Firefox 142 や 141 を使っている場合はこの設定は存在しないです。だからわざわざ「Firefox 143 以降に対応」って備考を付けておきました。 ピン留めされたタブにドロップすると自動的にピン留めに変わるのは、Firefox 142 で追加された新機能です。（このスクリプトを無効化して試してみればわかると思います。）今、ピン留めにドラッグすると表示されるインジケーターは、「ピン留めの上に移動できる」っていう挙動に対する折衷案です。 ピン留めタブの上にドロップすると、Firefox 本体の仕様で結局ピン留めされちゃうので、それを止めることはできません。だから、インジケーターを表示しておいた方が、うっかりピン留めされるのを避けられて、まだマシかなって思います。 なぜ移動でピン留めさせるのか、僕にもよくわからないです。。。 最近は Firefox の謎変更が多くて、メンテナンス面では散々面倒をかけられました。。。 （TMP の作者は涙も出ない） それと、hidePinnedDropIndicator の「インジケーター」はこれです： https://tadaup.jp/9fKwQ7o8.png ピン留めされたタブが存在しない場合に、カーソルをこのゾーンに入ったり、タブをある程度左側に押し付けたり、このインジケーターは表示します。 これは Firefox 143 が追加された新機能です： >> タブをタブバーの先頭にドラッグすることで固定できるようになり、重要なサイトをすぐにアクセスできる位置に保つことが簡単になる。 >> Tabs can now be pinned by dragging them to the start of the tab strip, making it easier to keep important sites within reach. https://www.firefox.com/en-US/firefox/143.0/releasenotes/ ちなみに、本来の姿はこんな感じです： https://tadaup.jp/9JvA4IEb.png この設定の説明がちょっと反人類っぽいのはわかってましたが、あのインジケーターの正式名称をご存じの方がいれば、ぜひ教えていただきたいです。 http://egg.5ch.net/test/read.cgi/software/1710673850/982
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.053s