作者fakino (快門操作手)
看板Browsers
標題[-Fx-] TMP手動替代方案(未讀分頁標示&分頁寬度)
時間Sat Nov 18 12:53:03 2017
原本是用TMP來控制分頁狀態顏色跟分頁寬度，
後來換TML後用stylish處理，現在也GG了
只好用userChrome.css跟about:config硬幹解決
分頁標示CSS如下：
/*未載入分頁*/
.tabbrowser-tab[pending] .tab-content > * {
opacity: 0.6 !important;
color: #ff3333;
font-style: italic;
}
/*未讀分頁*/
.tabbrowser-tab[unread] .tab-text.tab-label {
font-style: italic;
color: #ff3333
}
/* 載入中的分頁 */
.tabbrowser-tab[busy] {
font-style: italic !important;
}
效果如下圖
https://i.imgur.com/W4QJJFC.jpg
顏色等等不喜歡可自行修改
CSS顏色可參考
https://www.w3schools.com/colors/colors_picker.asp
本來我有連背景顏色一起改，不過userchrome不支援這段CSS就拔掉了
分頁寬度就簡單了
about:config打開，搜尋browser.tabs.tab就有最窄可以設定
建議最窄不要低於32，剛好是一個icon的大小
最大寬度目前設了也沒用，再找其他解法
以上，歡迎討論
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.32.175.129
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1510980786.A.809.html
1F：→ sate5232: 分頁寬度的最寬改了好像沒啥用 11/18 13:16
你說了我才發現冏 我主要改最窄沒去對最寬，感謝回報
2F：→ sate5232: 不知道有沒有什麼方法能替代Tab Badge？ 11/18 13:18
大改分頁介面的目前比較無法實現，看官方之後有沒有開發API提供
3F：→ lkklkksppspp: 請問有多行分頁的解決辦法嗎? 11/18 15:42
如上述，目前要靠塞進側邊分頁列解決，大都用Tree Style Tab
但我不喜歡他的介面，找到另一個Tab Center Redux
提供CSS欄位，搭配作者提供的tweak wiki可以做出不錯的效果
大概是這樣
https://youtu.be/P7vP4YLWaw4
※ 編輯: fakino (114.32.175.129), 11/18/2017 16:17:21
4F：→ mjsg: TST 也有提供 CSS 自訂的功能，作者在 github 上有一些其他 11/18 17:15
5F：→ mjsg: 範例可用。 11/18 17:16
6F：→ s8321414: 分頁相關的API官方好像還在開發的樣子，再等等吧 11/19 09:50