Skip to content

Commit 00a892c

Browse files
yuuqilinyuuqilin
committed
v6.0.5
fix: resolve regression introduced by Firefox v148 changes (Bug 2008041) adjust urlbar text centering calculation when uc.flex.style-urlbar-center-text is enabled
1 parent 7431b40 commit 00a892c

File tree

8 files changed

+113
-41
lines changed

8 files changed

+113
-41
lines changed

‎README.md‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# <img src="https://static.cdnlogo.com/logos/f/26/firefox-preview.svg" width="32" height="32" style="vertical-align: middle;"> FlexFox
22

33
<div>
4-
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v148-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v149-orange?logo=firefox"></a>
55
<a href='https://github.com/yuuqilin/FlexFox/commits/main/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/main"></a>
66
<a href='https://github.com/yuuqilin/FlexFox/commits/Beta/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/Beta?label=last%20Nightly%20commit&color=purple"></a>
77
<a href='https://github.com/yuuqilin/FlexFox/stargazers'><img src='https://img.shields.io/github/stars/yuuqilin/FlexFox?style=social'></a>
@@ -23,6 +23,13 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2323
2424
## 🆕 What's New
2525

26+
**🦊 v6.0.5**
27+
28+
* Fixed a regression introduced by Firefox v148 changes that caused the New Tab page search box styling to stop working. ([Bug 2008041](https://bugzilla.mozilla.org/show_bug.cgi?id=2008041))
29+
* Adjusted the text centering calculation in the address bar when `uc.flex.style-urlbar-center-text` is enabled.
30+
31+
<!-- END What's New -->
32+
2633
## 🦊 v6.0.4
2734

2835
### ✨ New (Native Vertical Tabs and Sidebery only)
@@ -36,8 +43,6 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
3643
* Now, the effect can be independently enabled or disabled for any tab style.
3744
* Enabled by default. Set to `false` to disable it.
3845

39-
<!-- END What's New -->
40-
4146
## 🦊 v6.x.x Series – Major Feature Update
4247

4348
> [!IMPORTANT]

‎README_日本語版.md‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# <img src="https://static.cdnlogo.com/logos/f/26/firefox-preview.svg" width="32" height="32" style="vertical-align: middle;"> FlexFox（日本語版）
22

33
<div>
4-
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v148-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v149-orange?logo=firefox"></a>
55
<a href='https://github.com/yuuqilin/FlexFox/commits/main/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/main"></a>
66
<a href='https://github.com/yuuqilin/FlexFox/commits/Beta/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/Beta?label=last%20Nightly%20commit&color=purple"></a>
77
<a href='https://github.com/yuuqilin/FlexFox/stargazers'><img src='https://img.shields.io/github/stars/yuuqilin/FlexFox?style=social'></a>
@@ -23,6 +23,11 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2323
2424
## 🆕 最新情報
2525

26+
**🦊 v6.0.5**
27+
28+
* Firefox v148 の変更により発生した回帰を修正しました。新しいタブページの検索ボックスのスタイルが適用されなくなっていました。（[Bug 2008041](https://bugzilla.mozilla.org/show_bug.cgi?id=2008041)）
29+
* `uc.flex.style-urlbar-center-text` を有効にした際のアドレスバーのテキスト中央配置の計算方法を調整しました。
30+
2631
## 🦊 v6.0.4
2732

2833
### ✨ 新機能（ネイティブ垂直タブおよび Sidebery のみ）

‎README_简体中文.md‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
# <img src="https://static.cdnlogo.com/logos/f/26/firefox-preview.svg" width="32" height="32" style="vertical-align: middle;"> FlexFox（简体中文版）
22

33
<div>
4-
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v148-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v149-orange?logo=firefox"></a>
55
<a href='https://github.com/yuuqilin/FlexFox/commits/main/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/main"></a>
66
<a href='https://github.com/yuuqilin/FlexFox/commits/Beta/'><img src="https://img.shields.io/github/last-commit/yuuqilin/FlexFox/Beta?label=last%20Nightly%20commit&color=purple"></a>
77
<a href='https://github.com/yuuqilin/FlexFox/stargazers'><img src='https://img.shields.io/github/stars/yuuqilin/FlexFox?style=social'></a>
@@ -23,6 +23,11 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2323
2424
## 🆕 更新内容
2525

26+
**🦊 v6.0.5**
27+
28+
* 修复由 Firefox v148 变更引入的回退问题，该问题导致新标签页搜索框样式失效。（[Bug 2008041](https://bugzilla.mozilla.org/show_bug.cgi?id=2008041)）
29+
* 调整启用 `uc.flex.style-urlbar-center-text` 时地址栏文字居中的计算方式。
30+
2631
## 🦊 v6.0.4
2732

2833
### ✨ 新增（仅限原生垂直标签页和 Sidebery）

‎chrome/components/uc-findbar.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -194,7 +194,7 @@ findbar {
194194
background: var(--toolbarbutton-hover-background) !important;
195195
}
196196
.findbar-closebutton {
197-
background-color: var(--uc-findbar-bgcolor, var(--toolbar-bgcolor)) !important;
197+
background-color: var(--button-background-color, var(--toolbar-bgcolor)) !important;
198198
/* wasn't square for some reason */
199199
width: auto !important;
200200
padding: 4px !important;

‎chrome/components/uc-urlbar.css‎

Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -462,22 +462,22 @@
462462

463463
&[unifiedsearchbutton-available] {
464464
.urlbar-input-box {
465-
margin-inline-end: calc(var(--urlbar-searchmodeswitcher-margin-inline-end) + 59px);
465+
margin-inline-end: calc(var(--urlbar-searchmodeswitcher-margin-inline-end) + 23px);
466466
}
467467
#userContext-icons:not([hidden]) {
468-
margin-inline-start: calc(-1 * (var(--urlbar-searchmodeswitcher-margin-inline-end) + 59px)) !important;
468+
margin-inline-start: calc(-1 * (var(--urlbar-searchmodeswitcher-margin-inline-end) + 23px)) !important;
469469
}
470470
#userContext-icons[hidden] ~ #urlbar-zoom-button:not([hidden]) {
471-
margin-inline-start: calc(-1 * (var(--urlbar-searchmodeswitcher-margin-inline-end) + 59px)) !important;
471+
margin-inline-start: calc(-1 * (var(--urlbar-searchmodeswitcher-margin-inline-end) + 23px)) !important;
472472
}
473473
}
474474

475475
#identity-box[pageproxystate="valid"] {
476476
~ .urlbar-input-box {
477-
margin-inline-end: calc(var(--identity-box-margin-inline) + 5px);
477+
margin-inline-end: calc(var(--identity-box-margin-inline) + 6px);
478478
}
479479
~ #page-action-buttons #urlbar-zoom-button:not([hidden]) {
480-
margin-inline-start: calc(-1 * var(--identity-box-margin-inline) + 5px) !important;
480+
margin-inline-start: calc(-1 * var(--identity-box-margin-inline) + 6px) !important;
481481
}
482482
&:is(.chromeUI) {
483483
~ .urlbar-input-box {
@@ -653,6 +653,20 @@
653653
}
654654
}
655655

656+
#urlbar-revert-button {
657+
border-radius: var(
658+
--uc-urlbar-icon-radius,
659+
var(--urlbar-icon-border-radius, var(--urlbar-inner-border-radius))
660+
) !important;
661+
}
662+
663+
@media -moz-pref("uc.flex.style-sidebar-stripe-color-apply-to-all-icons") {
664+
.urlbar-icon,
665+
.searchmode-switcher-icon {
666+
fill: var(--toolbarbutton-icon-fill) !important;
667+
}
668+
}
669+
656670
#urlbar-zoom-button {
657671
background-color: var(--uc-identity-btn-bgcolor) !important;
658672
border-radius: var(

‎chrome/content/uc-aboutconfig.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,22 +3,22 @@
33
@media not -moz-pref("uc.flex.show-flexfox-version-info-in-about-config", false) {
44
body:lang(ja) {
55
&::before {
6-
content: "🎉 FlexFox v6.0.4 のインストールが完了しました。 \A 📝 オプションを調整するには、検索バーに `uc.flex` と入力してください。";
6+
content: "🎉 FlexFox v6.0.5 のインストールが完了しました。 \A 📝 オプションを調整するには、検索バーに `uc.flex` と入力してください。";
77
}
88
}
99
body:lang(zh-CN) {
1010
&::before {
11-
content: "🎉 FlexFox v6.0.4 已成功安装。 \A 📝 如需调整选项，请在搜索栏中输入 `uc.flex`。";
11+
content: "🎉 FlexFox v6.0.5 已成功安装。 \A 📝 如需调整选项，请在搜索栏中输入 `uc.flex`。";
1212
}
1313
}
1414
body:lang(zh-tw) {
1515
&::before {
16-
content: "🎉 FlexFox v6.0.4 已成功安裝。 \A 📝 若需要調整選項，請在搜尋欄中輸入 `uc.flex`。";
16+
content: "🎉 FlexFox v6.0.5 已成功安裝。 \A 📝 若需要調整選項，請在搜尋欄中輸入 `uc.flex`。";
1717
}
1818
}
1919

2020
body::before {
21-
content: "🎉 FlexFox v6.0.4 has been successfully installed. \A 📝 To adjust options, type `uc.flex` in the search bar.";
21+
content: "🎉 FlexFox v6.0.5 has been successfully installed. \A 📝 To adjust options, type `uc.flex` in the search bar.";
2222
/* !-- End of version info -- */
2323
display: block;
2424
margin: 10px 10px 0px 10px;

‎chrome/content/uc-newtab.css‎

Lines changed: 68 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,44 @@ url-prefix("about:home") {
88
}
99
}
1010
/* Search bar. */
11+
/* Firefox v148 moved .search-handoff-button into a shadow DOM. This requires un-nesting the button and using CSS variables to pass states from the parent container. */
12+
content-search-handoff-ui[fakefocus]:not([disabled]) {
13+
--uc-search-handoff-outline: 2px solid var(--newtab-primary-action-background);
14+
--uc-search-handoff-outline-offset: -1px;
15+
}
16+
content-search-handoff-ui[disabled] {
17+
--uc-search-handoff-opacity: 0;
18+
}
19+
20+
.search-handoff-button {
21+
border-color: transparent !important;
22+
outline: var(--uc-search-handoff-outline, none);
23+
outline-offset: var(--uc-search-handoff-outline-offset, 0);
24+
opacity: var(--uc-search-handoff-opacity, 1) !important;
25+
26+
border-radius: var(--uc-search-wrapper-radius, var(--border-radius-medium)) !important;
27+
background-position: 12px !important;
28+
padding-inline-start: 48px !important;
29+
white-space: nowrap !important;
30+
text-overflow: ellipsis !important;
31+
--elevation: 4;
32+
box-shadow:
33+
0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / 0.11),
34+
0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / 0.13) !important;
35+
36+
&:hover {
37+
--elevation: 6;
38+
}
39+
}
40+
41+
.search-handoff-button .fake-caret {
42+
position: absolute;
43+
margin-top: 0 !important;
44+
45+
inset-inline-start: 48px !important;
46+
top: 13px !important;
47+
}
48+
1149
.search-wrapper {
1250
& .search-handoff-button {
1351
border-radius: var(--uc-search-wrapper-radius, var(--border-radius-medium)) !important;
@@ -116,36 +154,41 @@ url-prefix("about:home") {
116154
/* Private browsing search bar. */
117155
.search-inner-wrapper {
118156
height: 44px !important;
157+
}
119158

120-
.search-handoff-button,
121-
.search-handoff-button:active,
122-
.search-handoff-button:enabled:hover:active {
123-
background-color: var(--uc-background-color-secondary) !important;
124-
border: 0 !important;
125-
border-radius: var(--uc-search-wrapper-radius, var(--border-radius-medium)) !important;
126-
padding-inline-start: 48px !important;
127-
--elevation: 4;
128-
box-shadow:
129-
0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / 0.11),
130-
0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / 0.13) !important;
159+
.search-handoff-button,
160+
.search-handoff-button:active,
161+
.search-handoff-button:enabled:hover:active {
162+
background-color: var(--uc-background-color-secondary) !important;
163+
border: 0 !important;
164+
border-radius: var(--uc-search-wrapper-radius, var(--border-radius-medium)) !important;
165+
padding-inline-start: 48px !important;
166+
--elevation: 4;
167+
box-shadow:
168+
0 0 calc((var(--elevation) * 0.225px) + 2px) rgb(0 0 0 / 0.11),
169+
0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgb(0 0 0 / 0.13) !important;
131170

132-
&:hover {
133-
--elevation: 6;
134-
}
171+
&:hover {
172+
--elevation: 6;
173+
}
135174

136-
&.focused:not(.disabled) {
137-
box-shadow: none !important;
138-
outline: 2px solid var(--in-content-focus-outline-color) !important;
139-
outline-offset: -1px !important;
140-
}
175+
&.focused:not(.disabled) {
176+
box-shadow: none !important;
177+
outline: 2px solid var(--focus-outline-color) !important;
178+
outline-offset: -1px !important;
179+
}
141180

142-
&.disabled {
143-
opacity: 0 !important;
144-
}
181+
&.disabled {
182+
opacity: 0 !important;
183+
}
145184

146-
& .fake-textbox {
147-
color: var(--in-content-page-color) !important;
148-
}
185+
& .fake-textbox {
186+
color: var(--content-search-handoff-ui-background-color, var(--in-content-page-color)) !important;
187+
}
188+
189+
& .fake-caret {
190+
top: 13px !important;
191+
background: #fbfbfe !important;
149192
}
150193
}
151194

‎chrome/userChrome.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* FlexFox v6.0.4 */
1+
/* FlexFox v6.0.5 */
22
/* ____ _ ____ */
33
/* / __/ /__ _ __/ __/___ _ __ */
44
/* / /_/ / _ \| |/_/ /_/ __ \| |/_/ */

0 commit comments

Comments
 (0)