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

作者: fakino (快門操作手)   2017-11-18 12:53:03
原本是用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的大小
最大寬度目前設了也沒用,再找其他解法
以上,歡迎討論
作者: sate5232 (Hao)   2017-11-18 13:16:00
分頁寬度的最寬改了好像沒啥用不知道有沒有什麼方法能替代Tab Badge?
作者: lkklkksppspp (索爾)   2017-11-18 15:42:00
請問有多行分頁的解決辦法嗎?
作者: mjsg (mjsg)   2017-11-18 17:15:00
TST 也有提供 CSS 自訂的功能,作者在 github 上有一些其他範例可用。
作者: s8321414 (冥王歐西里斯)   2017-11-19 09:50:00
分頁相關的API官方好像還在開發的樣子,再等等吧

Links booklink

Contact Us: admin [ a t ] ucptt.com