Mozilla Firefox 多段タブスレ Part.1

火狐 (ｽﾌﾟｯｯ Sd03-zceO) · 2019/12/31(火) 17:30:22.42

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part360
https://egg.5ch.net/test/read.cgi/software/1576648561/
Mozilla Firefox質問スレッド Part186
https://egg.5ch.net/test/read.cgi/software/1576910595/
Mozilla Firefox 拡張機能スレッド Part118
https://egg.5ch.net/test/read.cgi/software/1568724287/
Firefox userChrome.js greasemonkeyスクリプトｽﾚ40
https://egg.5ch.net/test/read.cgi/software/1567300946/

-----

Firefox72向けのuserChrome.js設定でウダウダする～ - Palm84 某所の日記
XBL バインドが無効になった 72 以降でも userChrome.js用スクリプトを利用する方法
多段タブ.zip
https://diary.palm84.com/entry/20191209/1575845673

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured 👀
Rock54: Caution(BBR-MD5:68f2ed3dc652fce4c9169aaf2a727f10)

2023/09/13(水) 17:52:31.41

う～んやっぱり最小値と最大値をこんなふうに固定すると終端以外のタブを閉じると空白ができる

.tabbrowser-tab:not([pinned]) {
flex-grow: 1 !important;
min-width: 120px !important; /* 最小値デフォルト 76px */
max-width: 120px !important; /* 最大値デフォルト 225px */
}

ちなみにタブをProtonUIのまま多段にするの03を使用

2023/09/13(水) 19:30:58.60

>>658
Windows のスタートメニュー > 簡単操作 > ディスプレイ > Windowsにアニメーションを表示するをオフにすればいい

2023/09/13(水) 20:33:40.11

直りました！ありがとうございます
なるほど空白ができる人とできない人がいるわけだ

2023/09/17(日) 07:55:20.70

新しいスクリプトが来たけどやっぱりタブ幅を固定すると終了後いくつか閉じたタブが復活するし
Fire Gesturesのまとめてタブを閉じる機能が効かなくなるな

2023/09/17(日) 20:03:34.12

>>661

gBrowser.tabContainer.on_dragover = function(event) { return; }

の前に、

gBrowser.removeTab = function removeTab(aTab, aParam) {
aParam.animate = false;
gBrowser.removeTab_MRT_org(aTab, aParam);
}

この4行を追加すればいい

2023/09/17(日) 20:12:55.63

訂正

>>661

gBrowser.tabContainer.on_dragover = function(event) { return; }

の前に、
gBrowser.removeTab_MRT_org = gBrowser.removeTab;
gBrowser.removeTab = function removeTab(aTab, aParam) {
aParam.animate = false;
gBrowser.removeTab_MRT_org(aTab, aParam);
}

この5行を追加すればいい

2023/09/18(月) 09:49:10.83

直りました！色々難しいですね

2023/09/27(水) 09:58:49.07

118.0 (64 ビット) OK

2023/09/28(木) 01:05:14.37

118.0にしたらタブの中のタイトルが下にズレてしまった…
高さ24pxにしてるのまずいのかな

2023/09/28(木) 03:21:02.79

20pxでした　タイトルがほぼ半分隠れた状態です
userChrome.cssのvertical-alignあたりかなとも思うのですが解決できず

2023/09/28(木) 11:23:36.97

なおったあああああ

2023/09/28(木) 12:43:49.03

>>668
俺にはその症状出てないんだけど今後の参考になるから何をどうしたら直ったのか教えて欲しいです、

2023/09/29(金) 10:12:21.27

118.0.1 (64 ビット) OK

2023/10/01(日) 12:35:20.38

>>641
ESR115だと、再インストールの時に互換性がないと出てしまう
ESRは無理なのかな

2023/10/01(日) 19:15:18.35

>>671
ESR115インストール直後からTMPが動くまでを動画にしました
118.0.1でも全く一緒です
詳しくはつべの概要欄を見てください
https://www.youtube.com/watch?v=77WtnF_6mps

2023/10/02(月) 08:26:12.64

>>672
ありがとう
しかしこれまでやってみてた手順と全く同じで、これ見ながらもう一度やってみたけどやっぱり「Firefox115.0.1と互換性がないためインストールできません」ってなる
でもESRでもインストールできるんだね、何か余計な物が邪魔してるのかな…またチャレンジしてみます

2023/10/11(水) 05:26:39.82

118.0.2 64ビット OK

2023/10/11(水) 07:49:16.17

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/11(水) 07:49:18.39

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/11(水) 07:49:23.49

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/13(金) 18:34:07.89

うっせーわ

2023/10/25(水) 05:03:39.87

119.0 64ビット OK

2023/10/27(金) 18:02:21.70

119.0 多段はOK
タブの色がおかしくなってんな

2023/10/27(金) 18:02:53.95

119.0 多段はOK
タブの色がおかしくなってんな

2023/10/28(土) 11:57:35.00

色なおったけどタブ間の区切りが無くなってることにやっと気づいた
タブの形いじってるとマウスオンのときしか効かなくなってるし

2023/10/28(土) 12:05:08.23

なおったわ

2023/10/28(土) 14:10:57.56

うちも色つかなくなってた
アクティブなタブ、音声が流れてるタブの色変え方法わかる方いたら教えてー

2023/10/28(土) 19:40:52.64

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #c1cede !important;
background-image: none !important;
outline : none !important;
}

/* アクティブタブの文字色 */
.tabbrowser-tab[visuallyselected=true] {
color: #3b424d !important;
}

2023/10/28(土) 19:41:31.69

/* 非アクティブタブの背景色 */
.tab-background:not([selected=true]) {
background-color: #6a788a !important;
}

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected=true]) {
color: #dfeaf5 !important;
}

2023/10/28(土) 19:42:05.81

/* タブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #c1cede !important;
}

/* タブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack :not([selected=true]) {
color: #000000 !important;
}

/* 未ロードのタブを半透明化 */
#TabsToolbar .tabbrowser-tab[pending] {
opacity: 0.6;
}

2023/10/28(土) 19:43:36.90

/* タブのフォントサイズ */
.tab-text {
font-size: 11px !important;
}

/* タブの四隅 */
.tab-background {
border-radius: 3px !important;
}

2023/10/28(土) 19:45:32.29

プロきた!!

2023/10/28(土) 19:47:22.09

マウスオンの色をアクティブと非アクティブでそれぞれ変えたいけどわからんかった
非アクティブ用に見えるけど改変すると何故かタブの区切りが無くなる
分かる人いたら教えてください

2023/10/28(土) 20:09:37.11

訂正
アクティブと非アクティブ系を両方指定すると
アクティブが効かなくなってんな

2023/10/28(土) 20:15:12.62

非アクティブを指定するとアクティブの色の上に他の色が乗っかってくるっぽいんだよなぁ
意味わからんわ

2023/10/28(土) 20:18:48.20

上のCSS全部入れでアクティブが効かないのはアクティブが違うんじゃなくて
非アクティブがミスっててたぶん邪魔してるんだと思う

2023/10/28(土) 20:28:05.39

訂正
これで両方とも指定出来た
[multiselected]を忘れてたわ

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #c1cede !important;
background-image: none !important;
outline : none !important;
}

/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
color: #0dff00 !important;
}

/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected]) {
background-color: #6a788a !important;
}

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected]) {
color: #c71414 !important;
}

2023/10/28(土) 21:36:57.97

訂正後マウスオンの色指定が効かなくなったので修正すますた
アクティブと非アクティブ両方指定OKです

/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected]) {
background-color: #000000 !important;
}

/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected]) {
color: #c1cede !important;
}

/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
background-color: #ff00f7 !important;
}

/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected]) {
color: #f6ff00 !important;
}

2023/10/28(土) 23:31:49.15

ぴょんぴょんは出来るけど音出てるタブの色変えはわからんわ

/* タブサウンドアニメーション */
.tab-icon-overlay:-moz-any([soundplaying],[activemedia]){
transform: rotate(-90deg) !important;
animation: thumps .47s ease infinite !important;
fill: red !important;}
@keyframes thumps {
10%,90% { margin-top: -3px;}
}

.tab-icon-image:not([pinned]){opacity: 1 !important}
.tab-icon-overlay:not([pinned],[crashed])[soundplaying]{
opacity: 1 !important; border-radius: 9px !important; top: -6px !important; inset-inline-end: -12px !important;z-index: 1 !important;margin-right: 12px !important; color: inherit !important;background-color: #00000000 !important; !important; fill-opacity: 1 !important; padding: 0px !important; height: 16px !important; width: 16px !important;
}

.tab-icon-overlay:not([pinned],[crashed]), .tab-icon-overlay:not([crashed],[pinned])[activemedia-blocked] {
opacity: 1 !important; border-radius: 9px !important; top: -6px !important; inset-inline-end: -12px !important;z-index: 1 !important;margin-right: 12px !important; color: inherit !important;background-color: #00000000 !important; !important; fill-opacity: 1 !important;padding: 0px !important; height: 16px !important; width: 16px !important;
}

.tab-icon-overlay:is([pinned]){
inset-inline-end: -9px !important;padding: 0px !important; top: -6px !important; height: 16px !important; width: 16px !important; stroke: #00000000 !important;color: inherit !important;
}
.tab-icon-overlay:is([pinned]):hover{
inset-inline-end: -9px !important;padding: 0px !important; top: -6px !important; height: 16px !important; width: 16px !important; stroke:#c1cede !important; color: inherit !important;
}

2023/10/29(日) 22:07:04.92

ツールバーの並び順が適用されないのだが何故なんだろう

2023/10/30(月) 17:48:59.59

>>697
/* ツールバーの並び順 */
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3; } /* ブックマークツールバー */
#titlebar { order: 4; } /* タブバー */

2023/10/30(月) 19:15:45.83

>>698
ありがとう
それは MultiRowTabLiteforFx.uc.js に書いてあるんだけど何故か効かないんだ
なお多段タブ.zip の05と06を使って「タブバーをウィンドウの下部に移動」は効く

2023/11/08(水) 23:47:58.47

119.0.1ok

2023/11/09(木) 08:41:26.41

thx

2023/11/09(木) 22:50:24.15

すいません
ナビゲーションツールバーって表示するには、どうしたら？
あとは、タブが表示される位置をブックマークツールバーの下にしたいのですが

2023/11/11(土) 17:55:59.45

誤って110から119.0.1にアップグレードしてしまい多段タブが使えなくなってしまったんですが
本バージョンで多段タブにするにはどうしたらいいんでしょうか
10/9更新分の多段.zipからMultiRowTabLiteforFx.uc.jsを既存同名ファイルの場所にコピーしたんですが効かず…

2023/11/11(土) 18:51:23.39

>>703
userChrome.js用スクリプトを利用する方法読めばいいじゃない（アウラ）

2023/11/11(土) 19:48:26.55

みなさんタブの上下段って区切ってます？

タブの下辺にタブバーの色仕込んでんだけど
もっと賢いやり方あるかな？
border-bottom: 1px solid rgb(226,226,226) !important;

2023/11/14(火) 00:40:28.15

>>703 だからアップデートをしないように注意するくらいならESR使えって言ってんだよ

2023/11/16(木) 06:27:36.65

/Applications/Firefox.app/Contents/Resources/distribution/policies.json

/* policies.json */
/* Firefoxのアップデート通知を無効にする */
{
"policies": {
"DisableAppUpdate": true
}
}

2023/11/21(火) 00:19:00.79

120.0 問題なし