Mozilla Firefox 多段タブスレ Part.3 (988ﾚｽ)
上下前次1-新
877(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)17:32 ID:R8dnqpmrH(3/6) AAS
修正：
:root {
--tab-overflow-clip-margin: 0px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 0px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}
.tab-label-container {
height: auto !important;
}
.tab-content[pinned] {
padding-inline: 5px !important; /* ピン留めされたタブの左右余白 */
}
/* Active Tab BG */
.tab-background:is([selected], [multiselected]) {
background-color: #94a3b3 !important;
box-shadow:
inset 0 -1px 0 0 #d2d2d2, /* 下端に1pxの影 */
inset 1px 0 0 0 #d2d2d2 !important; /* 右端に1pxの影 */
}
/* Inactive Tab BG */
.tab-background:not([selected], [multiselected]) {
background-color: #a5a5a5 !important;
box-shadow:
inset 0 -1px 0 0 #d2d2d2, /* 下端に1pxの影 */
inset 1px 0 0 0 #d2d2d2 !important; /* 右端に1pxの影 */
}
878(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)18:04 ID:626kAffw0(2/5) AAS
>>876
ありがとうございます。
そうですよね。タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。
コンパクトにすることに夢中だったせいか気づかなかった。
おかげで綺麗に修正できました
879(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)18:43 ID:626kAffw0(3/5) AAS
あれ？ 修正来てた
まぁいいか
余白をゼロにしてから背景色でタブを削るなら修正された>>877の記述で
余白をゼロにぜずタブの色で足して詰めるなら>>876の記述で
ってことでいいのかな？
880(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)19:22 ID:R8dnqpmrH(4/6) AAS
>>878
>タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。
スクショの中に box-shadow の設定があるって気づいてなかったから、ただ真似してみただけで、特におすすめってわけじゃないです。
実際、どっちのやり方も少し瑕疵があるので：
画像ﾘﾝｸ
どっちが気になるかは、まあ人それぞれって感じですね。
もしかしたら完璧な方法もあるかもだけど、ざっと試した感じでは見つかりませんでした。
あと、「Page Title in URL Bar」（URLバーにページタイトルを表示）もぜひ試してみてくださいね：
外部ﾘﾝｸ[md]:github.com （＃の部分も含めてね）
スクリプトのダンロード：
外部ﾘﾝｸ[js]:raw.githubusercontent.com
ページタイトルが表示されつつ、UIもコンパクトにできるので、そういうのが好きな人にはけっこういいかも。
881: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)19:32 ID:R8dnqpmrH(5/6) AAS
>>879
> あれ？ 修正来てた
「修正」って言っちゃったけど、そういう意味の修正じゃなくて、>>876 の勝手な真似に対する修正ってことです
882(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)20:38 ID:626kAffw0(4/5) AAS
>>880
細かい比較画像ありがとうございます
タブの角がなんとなく違うなと思って気になっていました
拡大して比較して見ると結構違いますね
Page Title in URL Barは入れてみましたが私の環境では馴染めなかったです。ごめんなさい。
タイトルバーに他のプログラムのトリガーを入れてるので、それらがタブバーで発動しちゃうので無理でした
あと、やっぱりウィンドウを掴めるところは広いほうが良いです。
でもフルスクリーンモードの時はURLバーとタイトルが融合出来たら欲しいかもですね。
または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。
883(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)21:57 ID:R8dnqpmrH(6/6) AAS
>>882
> または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。
まぁ。。。 これではどうですか？
chrome に適当に JS ファイルを作って、以下のコードを貼り付けて再起動してみてください。
なぜ +2 なのかはもう忘れました、十年以上前の拡張機能のロジークからなので。
とりあえず適当に書いただけなので、バグがあるかもしれません。www
///////////////////////////////
let $ = s => document.querySelector(s);
let p = v => Services.prefs.setIntPref("browser.tabs.inTitlebar", v);
let t = $("#fullscr-toggler");
let b = $("#browser");
let d = document.documentElement;
let e = (n, e, a, c) => n.addEventListener(e, e => e.target == n && a(e), c);
t.style.setProperty("display", "block", "important");
e(t, "mouseenter", e => p(0));
e(b, "mouseenter", e => p(1));
e(d, "mouseleave", e => e.clientY < (outerWidth - d.clientWidth) / 2 + 2 && p(0), 1);
884(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)23:41 ID:626kAffw0(5/5) AAS
>>883
ありがとうございます
autoTitleBar + Title in URL Bar
見た目はすごく良いですね
でもタイトルバーは隠してるだけでもタブバーでいろいろ反応しちゃいますね
導入するなら他の機能をオフにするかトリガーを変更するかで検討中です。
あんまり関係ないけどタブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを拒否できないですかね？
885(2): (ﾜｯﾁｮｲ a9b6-B3Cu) 08/05(火)04:00 ID:8hIUt62r0(1) AAS
MultiTabRows@Merci.chao.uc.js は未だ使ってないけどいずれお世話になるかも
ただ、こういうスレだと消えちゃうので細かいやりとりは GitHub の Issues のほうで
やってくれると残るし参照したい時に「どいう問題に対しての解なのか」というのも明確で助かるんだけど
一応希望としては
886: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)10:43 ID:z3uOHEGnH(1/3) AAS
>>885
今回報告されている不具合は、ほとんどが userChrome.css に書き込まれたスタイルが原因で起きているのです。 これは、10年以上前からレガシー拡張の開発者や利用者の間で繰り返し、悩ましい問題のひとつです。
昔、自分の拡張に関する不具合報告のほとんどが、他の拡張との相性問題が原因でした。 毎回のように「一度ほかの拡張を全部オフにして、問題が消えるかチェックしてみてください。 そのあとで一つずつオンにして、どれが原因なのか探っていきましょう」っていう流れで、 報告してくださった方にお願いしてました。
スタイルやスクリプトを DIY で魔改造している方の多くは、見た目がちゃんと変わって目的を達成できれば OK というスタンスで、 その内容が内部的な依存関係にどう影響するかまではあまり考えないことが多いですし、 他の方が書いたコードとの完全な互換性まではなかなか想定できません。
こういった事情も、レガシー拡張が最終的に廃止された理由のひとつだったと思います。
一方で、特に chrome フォルダに何も改造を加えていない方（フォルダ中身が空）にとっては、 スクリプト自体にバグさえなければ、基本的に問題なく動くはずです。
そんな背景もあるので、紹介記事では、あえて導入ステップの前に注意点を長めに丁寧に書いています：
外部ﾘﾝｸ[md]:github.com
「Firefox に最適化されたレイアウト計算を多く含むため、タブやタブバー関連の旧式拡張（例：Tab Mix Plus）、スクリプト、CSSスタイルによって不具合が発生する可能性があります。スクリプト適用前後にそれらを確認するか、tabsUnderControlButtons を無効にしてください。」
887(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)10:57 ID:z3uOHEGnH(2/3) AAS
これは「誰のせいか」という話ではなく、むしろ、誰もが自由にあらゆることを操作できる（魔改造）ようになると、他人の自由（別の魔改造）と衝突しやすくなるということです
「不可能を可能に変える」ために自由を最大限に活用しつつ、他人に一切の影響を及ぼさないようにする ―― これは非常に奥深い課題ですね
888(2): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)11:18 ID:z3uOHEGnH(3/3) AAS
>>884
以下のコードをスクリプトにすると、タブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを防止できるはず：
gBrowser.tabContainer.addEventListener("click", function(e) {
if (e.target == this.arrowScrollbox && e.button == 1)
event.stopPropagation();
}, true);
gBrowser.tabContainer.addEventListener("dblclick", function(e) {
if (e.target == this.arrowScrollbox && e.button == 0 && !this._blockDblClick)
event.stopPropagation();
}, true);
889: 884 (ﾜｯﾁｮｲ 6b31-B3Cu) 08/05(火)12:37 ID:96WdWeGh0(1) AAS
>>885
GitHubのIssuesの方が情報が整理されて残るという点、確かにその通りですね。
今回はタブ関連のCSS絡みだったので、こちらのスレで聞かせていただきました。
5ちゃんねるは、気軽に相談できたり偶然同じ悩みを持つ人が見つけてくれたりするのも魅力だと思います。
今後はGitHubも併用しつつ、場に応じて使い分けていければと思います。
>>888
コードありがとうございます！
ずっと困ってたので本当に助かりました。
おかげでミドルクリックで閉じたタブを復元するコードを使えるようになりました。
890: (ﾜｯﾁｮｲ a3a7-B3Cu) 08/05(火)22:50 ID:dHuvkeey0(1) AAS
>>888
横からですがいただきました 感謝です！
上のコードとAIを利用してTMPのタブ・ミドルクリックでロック＆保護も作れた
これでTMPからようやく脱却できる
891: (ﾜｯﾁｮｲ a9a0-B3Cu) 08/06(水)19:44 ID:1AcU01bH0(1) AAS
>>887
GitHubと5ｃｈの専用スレでいいのでは？
スレはたとえば”多段タブ MultiTabRows@Merci.chao.uc.js”とか
892: (ﾜｯﾁｮｲ 6b31-B3Cu) 08/07(木)00:17 ID:IBNkYwvh0(1) AAS
MultiTabRows@Merci.chao.uc.js 3.1
141.0.2 64bit OK
893: (ﾌﾟﾁﾌﾟﾁ 3bda-d7oq) 08/08(金)08:32 ID:lcj+CuBG00808(1) AAS
141.0.3 (64 ビット) OK
ピン止めタブの不具合もろもろ、このスレを参考に解決できました
ありがとうございました
894: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 08/13(水)11:31 ID:OTU7t33OH(1) AAS
MultiTabRows@Merci.chao.uc.js バージョン 3.2 がリリースされました：
外部ﾘﾝｸ[js]:github.com
変更履歴：
- justifyCenter を追加。タブを中央揃えにする設定：0 - 無効、1 - 1 段のみの場合、2 - 常に有効。タブが中央揃えされている場合、タブの閉じ方やグループの折りたたみ動作が若干異なる場合があります。
- scrollButtonsSize を追加：ドラッグ中のスクロールボタンのサイズ（ピクセル単位）。最小値は 2、最大値はタブの高さの半分までに制限されます。
- Firefox 143 に対応。
- 一部の環境でタブをブックマークツールバーにドロップできない問題を修正。
- その他の不具合修正。
895: (ﾜｯﾁｮｲ 0b4e-Hgda) 08/13(水)19:23 ID:jOr5Zb5/0(1) AAS
MultiTabRows@Merci.chao.uc.js 3.2
141.0.3 64 bit OK
896(1): (ﾜｯﾁｮｲW 17ba-eMCN) 08/13(水)20:17 ID:xDyQ02n60(1) AAS
MultiTabRows@Merci.chao.uc.jsって
githubのインストール方法にはスクリプトローダー入れてどうたらあるけど
過去のスレをみるとchromeフォルダにいれるだけでOKってことなの？
897: (ﾜｯﾁｮｲ fa31-Hgda) 08/13(水)21:04 ID:ySKw14/T0(1) AAS
>>896
'MultiTabRows@Merci.chao.uc.js'を入れる前にCSS及び他のjsファイルは他の場所へ一時的に退避強くおすすめする
chromeに'MultiTabRows@Merci.chao.uc.js'を入れたらFirefoxを再起動
必要に応じてabout:configで設定を変更
正常に多段タブが機能してることを確認したらCSS及び他のjsファイルを戻す
他の多段タブ用で書いたCSSは新たに書き直しになるかもだけど
898(2): 08/13(水)22:06 AAS
chrome の中を MultiTabRows@Merci.chao.uc.js だけにしたけど、
多段にならなかった…
899(1): Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/13(水)22:20 ID:cx0A8DSwH(1/2) AAS
>>898
スクリプトを使用していない場合は、スクリプトローダー (userChrome.js) をインストールしてください
すでに他のスクリプトを使用している場合は、他のスクリプト (.js) やスタイル (.css) を一時的に移動し、Firefox を再起動して問題が解消されるか確認してください
※ Firefox 115、141、142、143、Windows のみに対応
900: Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/13(水)22:32 ID:cx0A8DSwH(2/2) AAS
>>898
Tab Mix Plus を使用している方なら、互換性がないので TMP の多段機能を使用してください
901(1): 08/13(水)23:36 AAS
>>899
userChromeJS.multiTabRows@Merci.chao.tabMaxWidth はあったのですが、
userChromeJS.multiTabRows@Merci.chao.tabMaxHeight みたいなのがが無かった。
タブの高さを変更するには、何を変更すればいいのですか？
それとも、変更不可能なのかな。
見た感じ、ちょっと高さを低くしたい…??
902(1): 08/13(水)23:42 AAS
>>901
解決したわ。
userChrome.css で --tab-min-height の値を変更すればいいのね。
903(1): Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/14(木)00:08 ID:TTJc90YAH(1) AAS
>>902
もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
.tab-label-container {
height: auto !important;
}
「高度な調整」のサンプルに参考してね：
外部ﾘﾝｸ[md]:github.com高度な調整
904(1): 08/14(木)02:57 AAS
>>903
> もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
コメントの「24px 未満には設定しないこと」の事かな？？
一応、２５にしました。
905: 08/14(木)02:59 AAS
レイアウトは崩れてないみたいなので、まぁいいかな、と…(汗)
906: 08/14(木)03:00 AAS
ここって絵文字は化けるのか。
では「💦」でいいのかな…
上下前次1-新書関写板覧索設栞歴
あと 82 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.012s