Skip to content

Commit 5708d4c

Browse files
yuuqilinyuuqilin
committed
v5.5.2
Fix missing URL bar transition in fullscreen or Hide Topbar mode; correct sidebar header color in horizontal layout.
1 parent 2655466 commit 5708d4c

File tree

11 files changed

+139
-38
lines changed

11 files changed

+139
-38
lines changed

‎README.md‎

Lines changed: 14 additions & 7 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-v145-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v146-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>
@@ -20,12 +20,12 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2020

2121
## 🆕 What's New
2222

23-
**🦊 v5.5.1**
24-
* Fixed inconsistent top and bottom border colors in the Sidebery panel when `uc.flex.remove-sidebar-stripe` is enabled.
25-
* Fixed a missing animation issue with the URL bar transition when using horizontal tabs with `uc.flex.move-urlbar-popup-to-center` enabled.
26-
* Fixed mismatched corner rounding on tab group labels in vertical tabs introduced by Nightly v145. [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
27-
* Fixed missing rounded corners on URL bar icons introduced by Nightly v145. [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
28-
* Added a new option `uc.flex.enable-rounded-web-content-at-sidebery-corner`, which also applies a rounded corner to the web content area on the side adjacent to the Sidebery colored stripe when `uc.flex.enable-rounded-web-content` is enabled.
23+
**🦊 v5.5.2**
24+
* Fixed the issue where the URL bar transition animation disappeared when `uc.flex.move-urlbar-popup-to-center` was enabled in fullscreen or `Hide Topbar` mode.
25+
* Fixed the sidebar header border color mismatch with Sidebery in horizontal tab layout mode.
26+
* The video below demonstrates the visual result achieved by combining several new UI options introduced in the v5.5.x series.
27+
28+
https://github.com/user-attachments/assets/76110885-18c4-4667-87b3-bb7f7764d452
2929

3030
<!-- END What's New -->
3131

@@ -382,6 +382,13 @@ To change the default hotkeys, click the gear icon in the top-right corner and s
382382

383383
<!-- END Release Note -->
384384

385+
**v5.5.1**
386+
* Fixed inconsistent top and bottom border colors in the Sidebery panel when `uc.flex.remove-sidebar-stripe` is enabled.
387+
* Fixed a missing animation issue with the URL bar transition when using horizontal tabs with `uc.flex.move-urlbar-popup-to-center` enabled.
388+
* Fixed mismatched corner rounding on tab group labels in vertical tabs introduced by Nightly v145. [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
389+
* Fixed missing rounded corners on URL bar icons introduced by Nightly v145. [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
390+
* Added a new option `uc.flex.enable-rounded-web-content-at-sidebery-corner`, which also applies a rounded corner to the web content area on the side adjacent to the Sidebery colored stripe when `uc.flex.enable-rounded-web-content` is enabled.
391+
385392
**v5.0.3**
386393

387394
* Improved auto-hide of the horizontal tab bar so it stays visible when the URL bar is focused.

‎README_日本語版.md‎

Lines changed: 14 additions & 7 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-v145-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v146-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>
@@ -20,12 +20,12 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2020

2121
## 🆕 最新情報
2222

23-
**🦊 v5.5.1**
24-
* `uc.flex.remove-sidebar-stripe` を有効にした際、Sidebery パネルの上下の境界線の色が一致しない問題を修正しました。
25-
* `uc.flex.move-urlbar-popup-to-center` を有効にして水平タブを使用している場合に、URL バーのアニメーション遷移が消える問題を修正しました。
26-
* Nightly v145 の更新により発生した、縦型タブのタブグループラベルの角丸が他のタブと一致しない問題を修正しました。 [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
27-
* Nightly v145 の更新により発生した、URL バーのアイコンの角丸が消える問題を修正しました。 [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
28-
* 新しいオプション `uc.flex.enable-rounded-web-content-at-sidebery-corner` を追加しました。`uc.flex.enable-rounded-web-content` が有効な場合、Sidebery のカラーストライプ側の角にも角丸効果を適用します。
23+
**🦊 v5.5.2**
24+
* `uc.flex.move-urlbar-popup-to-center` を有効にした際、全画面表示または `Hide Topbar` モードで URL バーのトランジションアニメーションが消えてしまう問題を修正しました。
25+
* 水平タブレイアウト時に、サイドバーのヘッダー枠線の色が Sidebery と一致しない問題を修正しました。
26+
* 以下の動画は、v5.5.x 系で追加された複数の UI オプションを組み合わせて実現できる外観を紹介しています。
27+
28+
https://github.com/user-attachments/assets/76110885-18c4-4667-87b3-bb7f7764d452
2929

3030
**✨ FlexFox v5.5.0 – UI / UX の改善**
3131

@@ -378,6 +378,13 @@ FlexFox は [UserChrome Toggle Extended](https://addons.mozilla.org/firefox/addo
378378

379379
<summary>💬 <b>過去の更新</b></summary>
380380

381+
**v5.5.1**
382+
* `uc.flex.remove-sidebar-stripe` を有効にした際、Sidebery パネルの上下の境界線の色が一致しない問題を修正しました。
383+
* `uc.flex.move-urlbar-popup-to-center` を有効にして水平タブを使用している場合に、URL バーのアニメーション遷移が消える問題を修正しました。
384+
* Nightly v145 の更新により発生した、縦型タブのタブグループラベルの角丸が他のタブと一致しない問題を修正しました。 [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
385+
* Nightly v145 の更新により発生した、URL バーのアイコンの角丸が消える問題を修正しました。 [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
386+
* 新しいオプション `uc.flex.enable-rounded-web-content-at-sidebery-corner` を追加しました。`uc.flex.enable-rounded-web-content` が有効な場合、Sidebery のカラーストライプ側の角にも角丸効果を適用します。
387+
381388
**v5.0.3**
382389

383390
* URL バーにフォーカスしている時は、水平タブバーが常に表示されるように改善しました。

‎README_简体中文.md‎

Lines changed: 14 additions & 7 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-v145-orange?logo=firefox"></a>
4+
<a href='https://www.mozilla.org'><img src="https://img.shields.io/badge/Last%20tested%20Firefox-v146-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>
@@ -20,12 +20,12 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2020

2121
## 🆕 更新内容
2222

23-
**🦊 v5.5.1**
24-
* 修复启用 `uc.flex.remove-sidebar-stripe` 时，Sidebery 面板上下边框颜色不一致的问题。
25-
* 修复启用 `uc.flex.move-urlbar-popup-to-center` 并使用水平标签页时，地址栏过渡动画消失的问题。
26-
* 修复因 Nightly v145 更新导致垂直标签页中标签组标题圆角与其他标签页不一致的问题。 [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
27-
* 修复因 Nightly v145 更新导致地址栏图标圆角消失的问题。 [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
28-
* 新增选项 `uc.flex.enable-rounded-web-content-at-sidebery-corner`，当启用 `uc.flex.enable-rounded-web-content` 时，也会让网页内容在贴近 Sidebery 彩带的一角显示圆角效果。
23+
**🦊 v5.5.2**
24+
* 修复启用 `uc.flex.move-urlbar-popup-to-center` 后，在全屏或 `Hide Topbar` 模式下 URL 栏过渡动画消失的问题。
25+
* 修复在水平标签页布局下，侧栏标题边框颜色与 Sidebery 不一致的问题。
26+
* 下方视频展示了在 v5.5.x 系列中，通过组合多个新增 UI 选项所能实现的界面效果。
27+
28+
https://github.com/user-attachments/assets/76110885-18c4-4667-87b3-bb7f7764d452
2929

3030
**✨ FlexFox v5.5.0 – 多项界面与交互优化**
3131

@@ -376,6 +376,13 @@ FlexFox 现在支持扩展 [UserChrome Toggle Extended](https://addons.mozilla.o
376376

377377
<summary>💬 <b>历史更新</b></summary>
378378

379+
**v5.5.1**
380+
* 修复启用 `uc.flex.remove-sidebar-stripe` 时，Sidebery 面板上下边框颜色不一致的问题。
381+
* 修复启用 `uc.flex.move-urlbar-popup-to-center` 并使用水平标签页时，地址栏过渡动画消失的问题。
382+
* 修复因 Nightly v145 更新导致垂直标签页中标签组标题圆角与其他标签页不一致的问题。 [Bug 1989112](https://bugzilla.mozilla.org/show_bug.cgi?id=1989112)
383+
* 修复因 Nightly v145 更新导致地址栏图标圆角消失的问题。 [Bug 1992450](https://bugzilla.mozilla.org/show_bug.cgi?id=1992450)
384+
* 新增选项 `uc.flex.enable-rounded-web-content-at-sidebery-corner`，当启用 `uc.flex.enable-rounded-web-content` 时，也会让网页内容在贴近 Sidebery 彩带的一角显示圆角效果。
385+
379386
**v5.0.3**
380387

381388
* 改进水平标签栏的自动隐藏，在地址栏获得焦点时保持显示。

‎chrome/components/uc-fullscreen.css‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,8 @@
3939
background-color: var(--lwt-accent-color, black) !important;
4040
*/
4141
background-color: var(--toolbox-bgcolor) !important;
42+
transition: var(--uc-autohide-navbar-transition) !important;
43+
/*
4244
transition:
4345
transform 82ms linear,
4446
opacity 82ms linear !important;
@@ -52,6 +54,7 @@
5254
opacity var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type)
5355
var(--uc-autohide-sidebar-delay) !important;
5456
}
57+
*/
5558
transform-origin: top;
5659
transform: rotateX(var(--uc-toolbox-rotation));
5760
opacity: 0;
@@ -65,6 +68,8 @@
6568
pointer-events: none;
6669
opacity: 0;
6770
/* Use !important to override the transition styles in Nightly (v135) */
71+
transition: var(--uc-autohide-urlbar-transition) !important;
72+
/*
6873
transition:
6974
transform 82ms linear var(--uc-autohide-toolbox-delay),
7075
opacity 0ms calc(var(--uc-autohide-toolbox-delay) + 82ms),
@@ -81,6 +86,7 @@
8186
opacity 0ms var(--uc-autohide-transition-type)
8287
calc(var(--uc-autohide-sidebar-delay) + var(--uc-autohide-transition-duration)) !important;
8388
}
89+
*/
8490
transform-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
8591
transform: rotateX(89.9deg);
8692
}
@@ -103,6 +109,8 @@
103109
/*
104110
transition-delay: 33ms !important;
105111
*/
112+
transition: var(--uc-hover-urlbar-transition) !important;
113+
/*
106114
transition:
107115
transform 82ms linear 33ms,
108116
opacity 0ms 33ms,
@@ -123,6 +131,7 @@
123131
width 0.3s ease,
124132
translate 0.3s ease !important;
125133
}
134+
*/
126135
transform: rotateX(0deg);
127136
}
128137

@@ -137,6 +146,8 @@
137146
~ toolbox,
138147
#navigator-toolbox:has(#urlbar:is([open], [focus-within])),
139148
#navigator-toolbox:is(:hover, :focus-within, [movingtab]) {
149+
transition: var(--uc-hover-navbar-transition) !important;
150+
/*
140151
transition-delay: 33ms !important;
141152
@media -moz-pref("extensions.activeThemeID", "default-theme@mozilla.org") and -moz-pref("widget.windows.mica"),
142153
-moz-pref("uc.flex.sidebery-apply-expand-speed-to-toolbars"),
@@ -147,6 +158,7 @@
147158
opacity var(--uc-hover-transition-duration) var(--uc-autohide-transition-type)
148159
var(--uc-hover-sidebar-delay) !important;
149160
}
161+
*/
150162
transform: rotateX(0);
151163
opacity: 1;
152164
}

‎chrome/components/uc-icons.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -291,6 +291,7 @@
291291
}
292292
}
293293

294+
/* Replace icon for the other bookmarks folder. */
294295
#OtherBookmarks {
295296
&[open] {
296297
> .toolbarbutton-icon {
@@ -338,6 +339,7 @@
338339
}
339340
}
340341

342+
/* Replace icons for all subfolders. */
341343
#OtherBookmarksPopup {
342344
.menu-iconic.bookmark-item[container] {
343345
> .menu-icon,

‎chrome/components/uc-navbar.css‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,8 @@ toolbarbutton:hover {
109109
background-color: var(--lwt-accent-color, black) !important;
110110
*/
111111
background-color: var(--toolbox-bgcolor) !important;
112+
transition: var(--uc-autohide-navbar-transition) !important;
113+
/*
112114
transition:
113115
transform 82ms linear,
114116
opacity 82ms linear !important;
@@ -122,6 +124,7 @@ toolbarbutton:hover {
122124
opacity var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type)
123125
var(--uc-autohide-sidebar-delay) !important;
124126
}
127+
*/
125128
transform-origin: top;
126129
transform: rotateX(var(--uc-toolbox-rotation));
127130
opacity: 0;
@@ -135,6 +138,8 @@ toolbarbutton:hover {
135138
pointer-events: none;
136139
opacity: 0;
137140
/* Use !important to override the transition styles in Nightly (v135) */
141+
transition: var(--uc-autohide-urlbar-transition) !important;
142+
/*
138143
transition:
139144
transform 82ms linear var(--uc-autohide-toolbox-delay),
140145
opacity 0ms calc(var(--uc-autohide-toolbox-delay) + 82ms),
@@ -155,6 +160,7 @@ toolbarbutton:hover {
155160
width 0.3s ease,
156161
translate 0.3s ease !important;
157162
}
163+
*/
158164
transform-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
159165
transform: rotateX(89.9deg);
160166
}
@@ -177,6 +183,8 @@ toolbarbutton:hover {
177183
/*
178184
transition-delay: 33ms !important;
179185
*/
186+
transition: var(--uc-hover-urlbar-transition) !important;
187+
/*
180188
transition:
181189
transform 82ms 33ms,
182190
opacity 0ms 33ms,
@@ -193,6 +201,7 @@ toolbarbutton:hover {
193201
opacity var(--uc-hover-transition-duration) var(--uc-autohide-transition-type)
194202
var(--uc-hover-sidebar-delay) !important;
195203
}
204+
*/
196205
transform: rotateX(0deg);
197206
}
198207

@@ -207,6 +216,8 @@ toolbarbutton:hover {
207216
~ toolbox,
208217
#navigator-toolbox:has(#urlbar:is([open], [focus-within])),
209218
#navigator-toolbox:is(:hover, :focus-within, [movingtab]) {
219+
transition: var(--uc-hover-navbar-transition) !important;
220+
/*
210221
transition-delay: 33ms !important;
211222
@media -moz-pref("extensions.activeThemeID", "default-theme@mozilla.org") and -moz-pref("widget.windows.mica"),
212223
-moz-pref("uc.flex.sidebery-apply-expand-speed-to-toolbars"),
@@ -217,6 +228,7 @@ toolbarbutton:hover {
217228
opacity var(--uc-hover-transition-duration) var(--uc-autohide-transition-type)
218229
var(--uc-hover-sidebar-delay) !important;
219230
}
231+
*/
220232
transform: rotateX(0);
221233
opacity: 1;
222234
}
@@ -255,6 +267,8 @@ toolbarbutton:hover {
255267
background-color: var(--lwt-accent-color, black) !important;
256268
*/
257269
background-color: var(--toolbox-bgcolor) !important;
270+
transition: var(--uc-autohide-navbar-transition) !important;
271+
/*
258272
transition:
259273
transform 82ms linear,
260274
opacity 82ms linear !important;
@@ -268,6 +282,7 @@ toolbarbutton:hover {
268282
opacity var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type)
269283
var(--uc-autohide-sidebar-delay) !important;
270284
}
285+
*/
271286
transform-origin: top;
272287
transform: rotateX(var(--uc-toolbox-rotation));
273288
opacity: 0;
@@ -281,6 +296,8 @@ toolbarbutton:hover {
281296
pointer-events: none;
282297
opacity: 0;
283298
/* Use !important to override the transition styles in Nightly (v135) */
299+
transition: var(--uc-autohide-urlbar-transition) !important;
300+
/*
284301
transition:
285302
transform 82ms linear var(--uc-autohide-toolbox-delay),
286303
opacity 0ms calc(var(--uc-autohide-toolbox-delay) + 82ms),
@@ -297,6 +314,7 @@ toolbarbutton:hover {
297314
opacity 0ms var(--uc-autohide-transition-type)
298315
calc(var(--uc-autohide-sidebar-delay) + var(--uc-autohide-transition-duration)) !important;
299316
}
317+
*/
300318
transform-origin: 0px calc(0px - var(--tab-min-height) - var(--tab-block-margin) * 2);
301319
transform: rotateX(89.9deg);
302320
}
@@ -319,6 +337,8 @@ toolbarbutton:hover {
319337
/*
320338
transition-delay: 33ms !important;
321339
*/
340+
transition: var(--uc-hover-urlbar-transition) !important;
341+
/*
322342
transition:
323343
transform 82ms linear 33ms,
324344
opacity 0ms 33ms,
@@ -339,6 +359,7 @@ toolbarbutton:hover {
339359
width 0.3s ease,
340360
translate 0.3s ease !important;
341361
}
362+
*/
342363
transform: rotateX(0deg);
343364
}
344365

@@ -353,6 +374,8 @@ toolbarbutton:hover {
353374
~ toolbox,
354375
#navigator-toolbox:has(#urlbar:is([open], [focus-within])),
355376
#navigator-toolbox:is(:hover, :focus-within, [movingtab]) {
377+
transition: var(--uc-hover-navbar-transition) !important;
378+
/*
356379
transition-delay: 33ms !important;
357380
@media -moz-pref("extensions.activeThemeID", "default-theme@mozilla.org") and -moz-pref("widget.windows.mica"),
358381
-moz-pref("uc.flex.sidebery-apply-expand-speed-to-toolbars"),
@@ -363,6 +386,7 @@ toolbarbutton:hover {
363386
opacity var(--uc-hover-transition-duration) var(--uc-autohide-transition-type)
364387
var(--uc-hover-sidebar-delay) !important;
365388
}
389+
*/
366390
transform: rotateX(0);
367391
opacity: 1;
368392
}

‎chrome/components/uc-sidebar.css‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -143,9 +143,7 @@
143143
/* Expand sidebar header on hover */
144144
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"][sidebar-panel-open] {
145145
#sidebar-header:is(:hover, :has(#sidebar-switcher-target.active)) {
146-
@media (prefers-color-scheme: light) {
147-
--sidebar-border-color: #ced1d4;
148-
}
146+
border-bottom: 1px solid var(--uc-sidebar-header-border-color) !important;
149147
max-height: 100%;
150148
max-width: 100%;
151149
min-width: var(--uc-sb-sidebar-hover-width);

0 commit comments

Comments
 (0)