[-Fx-] TMP手動替代方案(未讀分頁標示&分頁寬度)

[fakino (快門操作手)]

原本是用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://www.ptt.cc/bbs/Browsers/M.1510980786.A.809.html
→ sate5232: 分頁寬度的最寬改了好像沒啥用
             你說了我才發現冏  我主要改最窄沒去對最寬，感謝回報
→ sate5232: 不知道有沒有什麼方法能替代Tab Badge？
             大改分頁介面的目前比較無法實現，看官方之後有沒有開發API提供
→ lkklkksppspp: 請問有多行分頁的解決辦法嗎?
             如上述，目前要靠塞進側邊分頁列解決，大都用Tree Style Tab
             但我不喜歡他的介面，找到另一個Tab Center Redux
             提供CSS欄位，搭配作者提供的tweak wiki可以做出不錯的效果
             大概是這樣 https://youtu.be/P7vP4YLWaw4
※ 編輯: fakino (114.32.175.129), 11/18/2017 16:17:21
→ mjsg: TST 也有提供 CSS 自訂的功能，作者在 github 上有一些其他
→ mjsg: 範例可用。
→ s8321414: 分頁相關的API官方好像還在開發的樣子，再等等吧