Mozilla Firefox 多段タブスレ Part.3 (988ﾚｽ)
上下前次1-新
819: 804 (ﾜｯﾁｮｲ 471b-k2hJ) 07/25(金)02:11 ID:eHW7gukK0(1/2) AAS
ピン留めのあり・なし、でこんな感じです
画像ﾘﾝｸ
820: (ﾜｯﾁｮｲ 5fd9-v3jg) 07/25(金)02:20 ID:1wRLXzb+0(1) AAS
わははは
821: (ﾜｯﾁｮｲ 07a7-nVDU) 07/25(金)14:51 ID:w+kyJKpE0(1) AAS
半年前にもこう言う風になったな
昔と違って色々いじってどうにかしたけどホント手間かかる
822: 804 (ﾜｯﾁｮｲ 477f-k2hJ) [asge] 07/25(金)15:41 ID:eHW7gukK0(2/2) AAS
これでも使えないことはないとは思ったものの、PC PLAZAさんのMultiRowTabLiteforFx.uc.js
入れてCSSを数箇所弄ってピンありでも大丈夫なようにはなりました
ただ、ロダのがフィクスされたら入れ替える予定だけど
823: (ﾜｯﾁｮｲ df31-k2hJ) 07/25(金)22:13 ID:eHafg8uW0(1/2) AAS
ピン留めありの2段目以降の無駄スペースは直せたけどタブ間の間隔の広さが直せん
どこいじればいいのよ
824: 823 (ﾜｯﾁｮｲ df31-k2hJ) 07/25(金)22:20 ID:eHafg8uW0(2/2) AAS
なおったー
画像ﾘﾝｸ
825: (FAX! 276e-7F+n) 07/26(土)07:34 ID:rNItoEjP0FOX(1) AAS
段々タブからサイドバー表示にして暮してるけど・・・・慣れてきた
826: (FAX! 47d3-k2hJ) 07/26(土)10:44 ID:K9W4/ZfL0FOX(1) AAS
MultiRowTabLiteforFxってもともとはAliceさんが作ってたみたいね
でも10年近く前にやめてるのか・・・
827: (ﾜｯﾁｮｲ 9779-/90x) 07/27(日)23:23 ID:q9VLijIq0(1) AAS
おそらく多段タブよりサイドバーのツリータブ系の拡張のほうがポピュラーなのかもね
自分も多段があれ？という時の為にSideberyを一応入れてるし（無効状態
何も入れずツーツバーのタブ一覧やタブグループで、という人も多いかもしれないけどどうなのかな
828: (ﾜｯﾁｮｲ a3df-/90x) 07/29(火)08:59 ID:do0wQ7Ba0(1) AAS
userchrome.cssを編集しようとしたらファイルが開けなくなってしまいました
userchrome.jsも
5月に触った時は問題なかったのですが
どなたかお助けいただけませんか？
829: (ﾜｯﾁｮｲ ca31-/90x) 07/29(火)11:28 ID:373Vv71c0(1) AAS
以前タブ間の間に擬似的にスペースを入れてましたがCSSの仕様変更に影響を受けにくいように区切り線を入れるように変更してみました。
背景色でタブを削るより見栄えが若干ですが良くなると思います。
/* UI密度コンパクト用 タブ間に区切り線を入れる */
/* タブの右端に縦の区切り線を追加（最後のタブには表示しない） */
.tab-background:not(:last-child)::after {
content: ''; /* 視覚的な線を描くための空要素 */
position: absolute; /* 親要素 .tab-background を基準に絶対位置指定 */
top: 0; /* 上端から開始 */
right: 0; /* 右端に配置（区切り線の位置） */
width: 1px; /* 線の太さ：1px */
height: 100%; /* タブの高さ全体に伸ばす */
background-color: #d2d2d2; /* 区切り線の色（タブバーと同色推奨） */
}
/* 多段タブ用 タブの下に区切り線を入れる */
/* タブの下端に横の区切り線を追加（すべてのタブに適用） */
.tab-background::before {
content: ''; /* 視覚的な線を描くための空要素 */
position: absolute; /* 親要素 .tab-background を基準に絶対位置指定 */
bottom: 0; /* 下端に配置（横線の位置） */
left: 0; /* 左端から開始 */
width: 100%; /* タブの幅全体に線を伸ばす */
height: 1px; /* 線の太さ：1px */
background-color: #d2d2d2; /* 区切り線の色（タブバーと同色推奨） */
}
/* 区切り線を正しく描画するため、タブ背景に相対位置を指定 */
.tab-background {
position: relative; /* ::before / ::after の絶対位置指定の基準にする */
}
830: (ﾆｸｸｴ ca31-/90x) 07/29(火)12:35 ID:373Vv71c0NIKU(1/2) AAS
ホバー時に下段と区切れなかったので一部修正しました。
/* 多段タブ用：下端に区切り線を追加する */
/* 各タブの下端に1pxの区切り線を描画する */
.tabbrowser-tab::after {
content: ''; /* 線を描画するための空要素 */
position: absolute; /* タブ要素を基準に絶対位置指定 */
bottom: 0; /* 線の位置をタブの下端に固定 */
left: 0; /* 線の開始位置を左端に設定 */
width: 100%; /* 線の長さをタブの横幅に合わせる */
height: 1px; /* 線の太さ：1px */
background-color: #d2d2d2; /* 線の色（タブバーと同色推奨） */
pointer-events: none; /* クリックなどの操作に干渉しないよう無効化 */
}
831: (ﾆｸｸｴ ca31-/90x) 07/29(火)15:07 ID:373Vv71c0NIKU(2/2) AAS
MultiRowTabLiteforFx.uc.jsで変更したくない人向けCSS
/* === タブの高さを変更 === */
/* デフォルト29px コンパクト */
:root[uidensity="compact"] #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 25px!important;
}
/* デフォルト36px 通常 */
:root[uidensity="normal"] #TabsToolbar:not([collapsed="true"]),
:root:not([uidensity]) #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 36px!important;
}
/* デフォルト41px タッチ */
:root[uidensity="touch"] #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 41px!important;
}
832: Merci chao (JP 0He7-/90x) [mercichao@gmail.com] 07/30(水)16:57 ID:RWtAL5GhH(1) AAS
MultiTabRows@Merci.chao.uc.js の日本語版紹介パージは開設しました：
外部ﾘﾝｸ[md]:github.com
833: (ﾜｯﾁｮｲ ca31-/90x) 07/31(木)17:12 ID:B+pQFEca0(1) AAS
MultiRowTabLiteforFx.uc.jsが終焉ぽいのでtrue/falseの設定CSSに置き換えたわ
ついでにコンパクトUIから通常密度に変えてCSSでコンパクト化+多段タブにやっと融合できた
そろそろMultiTabRows@Merci.chao.uc.jsへ移行するかな
834: (ﾜｯﾁｮｲ 4a40-/90x) 07/31(木)20:24 ID:+g6n8jKd0(1) AAS
MultiTabRows@Merci.chao.uc.jsのタブの最下段って
CSSでタブの幅を短く出来ないのかな？Floorpと一緒で妙に長いんだよね
揃ってないのが気になって移行しづらい
835(1): (ﾜｯﾁｮｲ 97aa-/90x) 08/01(金)07:27 ID:ESYdCMq20(1/2) AAS
確かに MultiTabRows@Merci.chao.uc.js は about:configやuser.js の browser.tabs.tabMinWidth
でタブ幅指定しても最下段はその値にならないね
なので自分はgithubの
Quantum-Nox-Firefox-Dark-Full-Theme/Multirow and other functions/Multirow tabs/
の MultiRowTabLiteforFx.uc.js を今は使っている
836(2): (ﾜｯﾁｮｲ a3aa-/90x) 08/01(金)09:00 ID:03t8rjRH0(1) AAS
MultiRowTabLiteforFx.uc.js 141+暫定版が1番良さそう
MultiTabRows@Merci.chao.uc.jsの以降止めた
CSSが言うこと聞かないとこ多くてしんどい
タブ周りのスタイルが複雑に多段に絡んでるから自由度がない
837(1): (ﾜｯﾁｮｲ 976e-/90x) 08/01(金)14:11 ID:ESYdCMq20(2/2) AAS
>>836
MultiRowTabLiteforFx.uc.js 141+暫定版 ってアメブロから以降した人の？
838: (ﾜｯﾁｮｲ ca31-/90x) 08/01(金)14:43 ID:RMqp+ncj0(1) AAS
>>837
そうです
839: (ﾜｯﾁｮｲ fa22-zh1S) 08/01(金)16:14 ID:h/e/CQmF0(1) AAS
ダウンローダーしか信じない
来るまで更新しない
840(2): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/01(金)21:13 ID:QwVcaA1jH(1/2) AAS
>>835
MultiTabRows@Merci.chao.uc.js は近日中に最大幅設定と、ほかの新機能新機能dvii ibpp が追加される予定です。どうぞご期待ください。
>>836
もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。
タブのサイズや間隔を制御するためのいくつかのパラメータを、下の「高度な調整」セクションに列挙しています：
外部ﾘﾝｸ[md]:github.com高度な調整
841: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/01(金)21:16 ID:QwVcaA1jH(2/2) AAS
「タブの最大幅設定と、ほかの新機能が追加される予定です」でした m(_ _)m
842(1): 08/02(土)07:36 AAS
>>840
> もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。
>>813 を…
843(3): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)12:56 ID:ZtSNSulB0(1/7) AAS
>>840 ありがとう なんとか綺麗に出来た
なんか色々干渉しまくってた
サイズ調整してるCSS全部捨ててから導入するのが良きです
MultiTabRows@Merci.chao.uc
画像ﾘﾝｸ
/* ピン留めタブの右側の余白 */
.tabbrowser-tab[pinned] {
margin-right: 0px !important;
}
気づいたけどタブ移動のバグがないね
移動中のインジケーターが表示されないけど
844: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)12:57 ID:gkqAaoohH(1/7) AAS
>>842
chrome フォルダー内の他の .css および .js ファイルをすべて一時的に移動し、Firefox を再起動して問題が解消されるか確認してください
もし解消された場合は、該当する CSSルールやスクリプトを削除してください
CSS でタブの最小幅を変更している場合は、代わりに about:config の browser.tabs.tabMinWidth を使用してください
ダメだったら、スクショ付きで俺のGitHubに報告してね：
外部ﾘﾝｸ:github.com
詳しく書いてもらわないと、対応できませんよ
845(1): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:18 ID:gkqAaoohH(2/7) AAS
>>843
ピン留めタブの右側の余白については、about:config で「userChromeJS.multiTabRows@Merci.chao.gapAfterPinned」を検索し、0 に設定してみてください
この余白は設計上の意図された挙動なので、こちらの設定で調整するのが無難です
開発者としては、userChrome.css の予測不能な魔改造にはちょっと大変ですね。。。
userChrome.css との衝突による不具合等、ご迷惑をおかけしてしまったら申し訳ありません m(_ _)m
846: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:36 ID:gkqAaoohH(3/7) AAS
>>843
> 移動中のインジケーターが表示されないけど
そのインジケーターは、元々「存在しない」ものです。本来の Firefox では、タブをドラッグするとカーソルに追従して移動します。
インジケーターは、別ウィンドウへの移動や、Ctrlキーを押しながらタブを複製する操作時にのみ表示されるものです。
今までの多段スクリプトや Tab Mix Plus さえ、多段モードで本格のドラッグ＆ドロップは実装できないので、仕方なくインジケーターを表示になっています。
847(1): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)13:36 ID:ZtSNSulB0(2/7) AAS
>>845
ありがとう
タブの右側の余白だけ何で記載がなかったのか気になってたけどそういうことなのですね
about:configで0設定しました。問題無く余白が消えました。
848: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:44 ID:gkqAaoohH(4/7) AAS
>>843
「追従しなく、インジケーターが表示して移動」のオプション機能が、次の次のバージョンで追加される予定です（別の原因で追加するのですが）
上下前次1-新書関写板覧索設栞歴
あと 140 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.027s