|
(2025/11/28)追加
12.7にupdateするとuserChrome.cssが適用されなくなるバグがあり修正中とのこと。
userChrome.cssの位置を
chrome/CSS/userChrome.css
にすると一時しのぎになるかもしれないので試してみて。
(2025/11/19)
●Floorp、Firefox 縦タブのコンパクト化
こんな感じ。
動作チェック環境
Floorp 12.6.0@145.0.1 (64 ビット)
Firefox
140.4.0esr (64 ビット)
Firefox 144.0.2 (64 ビット)
userChrome.css DL→ぽちっとな
プロファイルフォルダの
chrome/userChrome.css
がなかったら追加。
すでにあるのなら書き加えて下さい。
トライ＆エラーで勘でやっているのでどうなっても知らん。
苦情、サポートは受け付けません。自己責任で使いましょう。
●userChrome.cssの中身
/************************************************************
垂直タブのコンパクト化
userChrome.css
Floorp 12.6.0@145.0.1 (64 ビット)
Firefox 140.4.0esr (64
ビット)
Firefox 144.0.2 (64
ビット)
でチェック。
トライ＆エラーで勘でやっているのでどうなっても知らん。
苦情、サポートは受け付けません。自己責任で使いましょう。
*************************************************************/
@charset
"UTF-8";
@-moz-document url(chrome://browser/content/browser.xhtml)
{
/* Please write your custom CSS under this line*/
}
/*
タブ幅・厚みを指定 */
.tabbrowser-tab {
min-width: 300px
!important;
max-width: 300px !important;
min-height: 20px
!important;
max-height: 20px !important;
margin-left: -10px
!important;
}
/* タブ厚みを指定 */
.tab-background{
margin-left:
-10px !important;
margin-top: -15px !important;
margin-bottom: -15px
!important;
}
/* アクティブタブの背景色 */
.tabbrowser-tab[selected]
.tab-label-container {
background-color: #ddddff
!important;
}
/* アクティブタブのテキスト色
*/
.tabbrowser-tab[selected="true"] .tab-label {
/*
color: #bb0000 !important; */
font-weight: bold;
}
/*
ナビゲーションツールバー 幅 */
#nav-bar
{
#urlbar-container,
#search-container
{
min-height: 22px
!important;
}
#urlbar:not([open]),
#searchbar
{
min-height: 22px
!important;
height: 22px
!important;
}
#urlbar-input-container,
:is(toolbarbutton:not(.titlebar-button), toolbaritem)
{
margin: 0
!important;
padding: 0
!important;
}
.toolbarbutton-1 >
:is(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{
width: 20px
!important;
height: 20px
!important;
padding: 4px
!important;
}
.toolbarbutton-badge
{
margin-block-start: -4px
!important;
margin-inline-end: -4px
!important;
min-width: 10px
!important;
font-size: 8px
!important;
}
#urlbar-search-splitter
{
margin: 0 -6px 0 -5px
!important;
}
.search-go-container >
.search-go-button {
width:
20px !important;
height:
20px !important;
padding:
1px 4px 4px !important;
}
}
●うーん
アクティブタブの扱いが変わったかな？
[selected] でも[selected="true"]
でも良かったのかな？
理解せずにぐぐってトライ＆エラーで試しているだけなので
使用は本当に本当に自己責任で。責任は一切負いません。
識者の目に触れて安全で根拠のある元になってくれることに期待しますｗ
●Floorpのすゝめ
多段タブを目的にFirefox
ESRを使い続けていたんだけどアップデートしたらプロファイルが使えなくなったorz
そしてFirefoxがいつの間にか縦タブに対応していたし、ESRはもうお役御免かな。
パスワードとクッキー育て直しのついでにFloorpに完全移行を決意。
FloorpはFirefox派生の日本発のwwwブラウザ。
縦タブ先行のメリットはなくなったと思うけど、Floorpがいいと思う理由の一つがこれ↓
タブ付近を右クリックした時に出てくるメニュー。
よく使うのが「閉じたタブを開きなおす」なんだけど、アイコンが付いているので素早く選べる。
この辺、さすがピクトグラムに定評のある日本製と関心。
|