Mozilla Firefox 多段タブスレ Part.3 (988ﾚｽ)
上下前次1-新
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
ここって絵文字は化けるのか。
では「💦」でいいのかな…
907: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 08/14(木)10:13 ID:aKtrH+ijH(1) AAS
>>904
:root {
/* タブのコンテンツの高さ */
--tab-min-height: 25 !important; ◯
--tab-min-height: 24 !important; ◯
--tab-min-height; 23 !important; ☓ （閉じるボタンは24pxのため）
}
=======================================================
:root {
--tab-min-height: 25 !important; /* タブのコンテンツの高さ */
--tab-block-margin: 4px !important; /* タブ間の垂直間隔 */
}
/* このルールを無効化しても
.tab-label-container {
height: auto !important;
}*/
◯ 25 + 4 * 2 = 33 セーフ
=======================================================
:root {
--tab-min-height: 25 !important; /* タブのコンテンツの高さ */
--tab-block-margin: 2px !important; /* タブ間の垂直間隔 */
}
/* このルールを無効化したら
.tab-label-container {
height: auto !important;
}*/
☓ 25 + 2 * 2 = 29 < 33 グリッチ・不具合発生やすい
908(2): (ﾜｯﾁｮｲ 37fc-dYUg) 08/14(木)16:55 ID:/dUHEdMO0(1) AAS
ピン止めのタブ以下多段ならない件
ESRとSearchWP系(allice0775氏のserachWP_modoki[と_highlightbutton].uc.js)使いで
v128.13.0ESR(x64)まで多段タブ.zip(外部ﾘﾝｸ:u6.getuploader.com SearchWP明記)で使ってました。
v140.0.3ESR(x64)で多段タブ.zip(138+)を適用すると
ピン止めしたタブの下の段以降にはFirefoxView同様に別のタブが表示されず大幅な狭くなります(searchWPのjs無しでも同じ,firefox 多段タブでググると同様の方もいますね)
このピン止め対応方法ご存じの方お教えください。(.jsやcss詳しくなくすみません)
909(12): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:11 ID:dgcOGfvu0(1/3) AAS
>>908
/* ピン留めしたタブの幅 */
.tabbrowser-tab[pinned] .tab-stack {
max-width: 120px !important;
min-width: 120px !important;
}
/* ピン留めしていないタブの幅 */
tabs tab[fadein]:not([pinned]) {
flex-grow:1;
max-width: 120px !important;
min-width: 120px !important;
}
/*タブの高さ*/
#TabsToolbar {
--tab-min-height: 20px !important;
}
910(11): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:12 ID:dgcOGfvu0(2/3) AAS
/*ピン留めしたタブとしていないタブの隙間を消す*/
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
/* ファビコンとタイトルの間を詰める */
.tab-icon-image[pinned] {
margin-inline-end: 5px !important;
}
/* タブの左右にある空白を調整 デフォルト: padding-inline: 2px !important; */
/* 完全に0にするとアクティブタブの左側とドロップインジケーターの赤線が2pxの内1px被るので空白を開けてます。 */
.tabbrowser-tab { padding-inline: 0px 0px !important; }
.tabbrowser-tab[selected][style^="box-shadow: red 1px"] { padding-inline: 1px 0px !important; }
/* アクティブタブの色 */
#tabbrowser-tabs .tabbrowser-tab[selected] .tab-content { background: linear-gradient(to bottom,#007a00,#002100) !important; }
/* タブにマウスホバーした時の色 */
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { background: linear-gradient(to bottom,#8f8f8f,#002100) !important; }
911(8): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:19 ID:dgcOGfvu0(3/3) AAS
>>908
あとFirefoxViewは非表示にしてある
タブのサイズとは関係ないけど>>775は//でコメントアウトしてある
これで140.1.0ESRポータブルで問題無く使えてる
1段目(ピン留めタブは5つくらい)と2段目は全く同じ幅
912: (ﾜｯﾁｮｲ 37fc-dYUg) 08/15(金)18:15 ID:NvWSJzOx0(1/2) AAS
>>909-911
ご丁寧にありがとうございました。
休憩時間に見てる途中ですが >909の分はgrepして多段タブ.zip(138+)と競合しなさそうで別の.jsファイルとしてchrome￥nに置けば良さそうです。引き続きgrepしてから適用します。
913: (ﾜｯﾁｮｲ 37fc-dYUg) 08/15(金)21:05 ID:NvWSJzOx0(2/2) AAS
¥nとややこしい誤記なので訂正します
誤:chrome￥n
正:chrome¥
914: (ﾜｯﾁｮｲW 17bd-eMCN) 08/15(金)21:16 ID:TcQ1B6BR0(1) AAS
MultiTabRows@Merci.chao.uc.jsに移行してみたー
userChrome.jsは元々使ってたのにしてるけど問題無いかな
915: (ﾜｯﾁｮｲ 19fc-yZQk) 08/17(日)15:02 ID:WQT/gpVA0(1/3) AAS
908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1) 画像ﾘﾝｸ
そこでお教えのv141ESR＋多段タブ.zip(138+)=外部ﾘﾝｸ:u6.getuploader.com のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。 (別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更など変更して反映される事確認済み) が、pin止めタブの下(と上)は多段タブ出ません→ 画像ﾘﾝｸ
これをスクショ(1)の様にしたいという意図です。
916(6): (ﾜｯﾁｮｲ 19fc-yZQk) 08/17(日)15:20 ID:WQT/gpVA0(2/3) AAS
上記の画像をサムネ表示できるLinkに修正した(つもりです)
908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1)画像ﾘﾝｸ
そこでお教えのv141ESR＋多段タブ.zip(138+)=外部ﾘﾝｸ:u6.getuploader.com のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。
(別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更して反映される事確認済み)
が、pin止めタブの下(と上)は多段タブ出ません→画像ﾘﾝｸ
これをスクショ(1)の様にしたいという意図です。
917(1): Merci chao (JP 0H95-o4l0) [mercichao@gmail.com] 08/17(日)17:39 ID:kgkT0YaNH(1) AAS
>>916
少し気になったのですが、ピン留めしたタブが通常のタブと同じサイズになっているのは、どういった理由があるのでしょうか？
特定のタブを先頭に配置することで、何か違いやメリットがあるのでしょうか？
918(1): (ﾜｯﾁｮｲ d3dd-xufC) 08/17(日)19:58 ID:Wj2d+VQ50(1) AAS
＞なぜ特定のタブを先頭に配置？ ピン留めタブと通常タブが同じサイズ？
1⃣Gmailを先頭から動かしたくない 2⃣pinの幅も揃えてすっきりしたい
っていう理由で 横からですが自分も教えてほしい
上下前次1-新書関写板覧索設栞歴
あと 70 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.027s