作者YuQilin (神獸)
看板Browsers
標題Re: [-Fx-] Firefox 137.0 released
時間Wed Apr 9 13:15:04 2025
以前有人問要如何知道Firefox改版後，
我們自定義的使用者樣式會失效。
今天剛好碰到一個例子。
Firefox有一個獨特的功能 ── 容器分頁，
容器分頁上有標誌不同身分顏色的襯線。
在v137的原生垂直分頁，這個襯線會顯示在左側，
https://i.imgur.com/KZSEdTV.png
而到了v138之後則改到了右側。
https://i.imgur.com/Dzicw6Z.png
放在右側比較好，因為左側會有樹狀分支的群組襯線，
二條線都在左邊，如果將來要做多層分支的時候，
就會分不清楚左邊的襯線是容器的標誌還是樹枝。
https://i.imgur.com/Qe3vWFh.png
但是v138+放在右側的襯線的顯示效果不好，
我看了難受，所以做了一些調整。
結果昨晚打開Nightly一看，
寫好的樣式又全滅了XD
用瀏覽器工具箱可以找到這條襯線是 `.tab-context-line`，
然後到
https://searchfox.org/ 搜尋 `.tab-context-line`，
搜尋結果會顯示
> browser/components/contextualidentity/content/usercontext.css
> 121 .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-
context-line {
點 > 121 這一行進去，會顯示這條襯線的原生CSS是
...... .tab-context-line {
#vertical-pinned-tabs-container &,
#tabbrowser-tabs[orient="vertical"] & {
height: auto;
width: 2px;
margin: 3px 0;
}
......
點右邊的 Mercurial log，
找最近的日期，4/7日那筆變更，按下diff，會顯示
...... .tab-context-line {
#vertical-pinned-tabs-container &,
#tabbrowser-tabs[orient="vertical"] & {
- position: absolute;
- inset-inline-end: 0;
- height: calc(100% - 4px);
- margin: 0;
- margin-inline-end: 3px;
+ height: auto;
width: 2px;
+ margin: 3px 0;
}
}
這樣就可以很快找出更新到底改了什麼，
甚至可以撿回原來的設定。
目前Nightly的襯線因為高度的關係幾乎完全看不到，
這是因為負責這個修改的開發人員還在開發中，
所以樣式隨時會變動。
遇到這種情況建議暫時放棄自定義修改這個元素，
等襯線的設計進入穩定版以後再說，
不然之前花費的心血可能很快會付之東流。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.228.145.34 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Browsers/M.1744175712.A.BE1.html
1F：→ YuQilin: Mercurial log會顯示這個更新對應的bugzilla 04/09 13:29
2F：→ YuQilin: 如果對更新有意見 也可以在bugzilla加入討論 04/09 13:29
3F：→ YuQilin: 我剛看到襯線的問題竟然已經結案了？？？ 04/09 13:29
4F：→ YuQilin: 傻眼 04/09 13:29
5F：推 MK47: 辛苦了 真是會讓人傻眼的更動情況 04/09 20:11
6F：推 rockmanx52: 反正先等這波穩定再重裝好了 感謝作者的辛勞... 04/10 04:14
7F：推 leon19790602: Y大，最新的3.02，在uc.flex.allow-addons-to-chang 04/15 18:54
8F：→ leon19790602: e-toolbar-color為true的情況下，選單列不會跟所選 04/15 18:54
9F：→ leon19790602: 的主題一起變化，先前的版本是可以的，回報一下。 04/15 18:54
10F：→ YuQilin: l大，感謝回報，請問選單列是哪裡的選單？ 04/15 20:00
11F：→ YuQilin: 還有使用的主題是哪一個？ 04/15 20:00
14F：→ leon19790602: 抱歉沒拍到同一主題，但3.02就像上圖會被切成一條雖 04/15 20:22
15F：→ leon19790602: 然還是有隨主題變化，但會是暗暗的一條 04/15 20:22
17F：→ YuQilin: 我更新了v3.0.3，你試試看。 04/15 23:54
18F：→ YuQilin: 另外，這版也修復了在啟用新版側邊欄時， 04/15 23:54
19F：→ YuQilin: 且完全隱藏Sidebery或全螢幕模式下， 04/15 23:54
20F：→ YuQilin: 側邊欄彩帶無法展開的問題。 04/15 23:54
21F：→ YuQilin: 修復這個問題後，v3版本的FlexFox就順利完成 04/15 23:54
22F：→ YuQilin: 整合Sidebery和原生垂直分頁的目標。 04/15 23:54
23F：→ YuQilin: 如今FlexFox在Sidebery和原生垂直分頁併用時 04/15 23:54
24F：→ YuQilin: 具有99%左右的FlexFox原本具有的功能 04/15 23:54
25F：推 leon19790602: 3.0.3正常了，謝謝Y大，話說看更新日誌Y大一直在弄 04/16 01:14
26F：→ leon19790602: 原生垂直分頁相容啊 04/16 01:14