Skip to content

Commit 7431b40

Browse files
yuuqilinyuuqilin
committed
v6.0.4
Make tab hover trailing effect available in all modes and add optional toggle.
1 parent df592c8 commit 7431b40

File tree

8 files changed

+263
-172
lines changed

8 files changed

+263
-172
lines changed

‎README.md‎

Lines changed: 45 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -23,40 +23,25 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
2323
2424
## 🆕 What's New
2525

26-
**🦊 v6.0.3**
27-
* Fixed an issue where the shadow was rendered on the wrong side when `uc.flex.enable-rounded-web-content` was enabled.
26+
## 🦊 v6.0.4
2827

29-
## 🦊 v6.0.2
28+
### ✨ New (Native Vertical Tabs and Sidebery only)
3029

31-
### ⚠️ Breaking Changes
32-
33-
* The `uc.flex.style-urlbar` option has been reworked, including changes to its value range and behavior.
34-
* The value range has changed from `0`–`4` to `1`–`4`. The previous behavior of value `0` has been moved to a new option, `uc.flex.auto-hide-urlbar-icons`.
35-
* The text-centering behavior previously included in values `2`–`4` has been separated into a new option, `uc.flex.style-urlbar-center-text`.
36-
* The updated values now control the URL bar appearance only:
37-
* `1` = Flat (default, same as before)
38-
* `2` = Inset (embedded look)
39-
* `3` = Debossed (pressed-in look)
40-
* `4` = Seamless (fully merged into the navigation bar)
41-
42-
### ✨ New
30+
![Image](https://github.com/user-attachments/assets/596ef515-6d39-4a00-a7eb-c7e60c13f68d)
4331

44-
* Added `uc.flex.auto-hide-urlbar-icons` (Boolean), enabled by default, which automatically hides URL bar icons and reveals them with a slide-in animation from both sides when hovering over the URL bar.
45-
* Added `uc.flex.style-urlbar-center-text` (Boolean) to center the URL bar text.
32+
* Added a new option `uc.flex.style-tab-items-add-hover-trail` (Boolean):
4633

47-
### 🛠️ Fixed
48-
49-
* Fixed an issue where the Trust Panel icon could not be hidden when `uc.flex.style-urlbar` was set to `4`.
50-
* Fixed an issue where Sidebery bottom buttons did not show hover highlights when `uc.flex.style-tab-items` was set to `2`. (#31)
51-
* Fixed an issue where pinned tabs shifted when expanding the pinned tabs separator on hover with `uc.flex.show-pin-tabs-separator-in-expanded-state` enabled.
52-
* Fixed missing background colors and hover highlights for the Sidebar Toggle Button (Firefox logo) and find bar buttons caused by changes in Firefox Nightly v148. ([Bug 2008041](https://bugzilla.mozilla.org/show_bug.cgi?id=2008041))
34+
* Controls the trailing effect when hovering over tabs.
35+
* Previously, this effect was only active when `uc.flex.style-tab-items = 2`.
36+
* Now, the effect can be independently enabled or disabled for any tab style.
37+
* Enabled by default. Set to `false` to disable it.
5338

5439
<!-- END What's New -->
5540

56-
## 🦊 v6.0.0 – Major Feature Update
41+
## 🦊 v6.x.x Series – Major Feature Update
5742

5843
> [!IMPORTANT]
59-
> **This update includes several incompatible changes.** Some options have been deprecated or updated, and older Sidebery styles are no longer used. Please read this changelog carefully before updating.
44+
> **The v6.x.x series introduces several incompatible changes.** Some options have been deprecated or updated, and older Sidebery styles are no longer used. Please read this changelog carefully before updating.
6045
>
6146
> After upgrading, **you must remove the old styles from the Sidebery Styles Editor** to avoid conflicts.
6247
> Go to **Sidebery Navigation bar → Settings (gear icon) → Styles editor**, then delete all legacy styles in the **Sidebar** and **Group Page** tabs.
@@ -139,11 +124,16 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
139124
* Sets the appearance of tab items.
140125
* Values:
141126

142-
* `1` = Pinned tabs: Borders only, no background. In light mode, the border color matches the URL bar border. In dark mode, it matches the sidebar stripe. (Same as previous versions, default)
127+
* `1` = Pinned tabs use borders only, with no background. In light mode, the border color matches the URL bar border. In dark mode, it matches the sidebar stripe. (Same as previous versions, default)
128+
129+
* `2` = Pinned tabs use background only, with no borders. In light mode, the background color matches the URL bar background. In dark mode, it matches the sidebar stripe.
143130

144-
* `2` = Pinned tabs: Background only, no borders. In light mode, the background color matches the URL bar background. In dark mode, it matches the sidebar stripe.
131+
For all tabs, borders and highlights use the sidebar stripe color.
145132

146-
Tabs: Feature smooth hover transition animations, and their borders and highlights use the sidebar stripe color.
133+
* Added `uc.flex.style-tab-items-add-hover-trail` (Boolean):
134+
135+
* Applies a trailing effect when hovering over tabs.
136+
* This effect is enabled by default. Set to `false` to disable it.
147137

148138
---
149139

@@ -177,6 +167,20 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
177167

178168
---
179169

170+
### 🔍 New: URL Bar Behavior & Layout
171+
172+
* Added `uc.flex.auto-hide-urlbar-icons` (Boolean):
173+
174+
* Enabled by default.
175+
* Automatically hides URL bar icons.
176+
* Reveals icons with a slide-in animation from both sides when hovering over the URL bar.
177+
178+
* Added `uc.flex.style-urlbar-center-text` (Boolean):
179+
180+
* Centers the URL bar text.
181+
182+
---
183+
180184
### ⚠️ Breaking Changes
181185

182186
#### Deprecated
@@ -214,6 +218,17 @@ The following options are deprecated and no longer have any effect. Please remov
214218
* `2` = Show count of loaded tabs only
215219
* Icon appearance is now controlled by `uc.flex.style-all-tabs-button`.
216220

221+
* `uc.flex.style-urlbar`
222+
223+
* Value range updated from `0–4` to `1–4`.
224+
* The previous behavior of value `0` has been moved to a new option, `uc.flex.auto-hide-urlbar-icons`.
225+
* The text-centering behavior previously included in values `2–4` has been separated into a new option, `uc.flex.style-urlbar-center-text`.
226+
* The updated values now control the URL bar appearance only:
227+
* `1` = Flat (default, same as before)
228+
* `2` = Inset (embedded look)
229+
* `3` = Debossed (pressed-in look)
230+
* `4` = Seamless (fully merged into the navigation bar)
231+
217232
#### Removed
218233

219234
* The old Sidebery styles that were previously imported through `sidebery-styles.json` have now been fully migrated to `uc-sidebery.css`. Starting from v6, FlexFox no longer relies on styles injected via the Sidebery Styles Editor.
@@ -224,17 +239,6 @@ The following options are deprecated and no longer have any effect. Please remov
224239

225240
---
226241

227-
### 🛠 Improvements and Fixes
228-
229-
* Various visual refinements and bug fixes.
230-
* Added styling support for the new **Trust Panel** feature introduced in Nightly v148. This feature is controlled by `browser.urlbar.trustPanel.featureGate` and will be enabled by default in v148.
231-
* Fixed a regression introduced in Nightly v148: when hovering over pinned tabs in native vertical tabs, the sidebar would not maintain the hover state and would automatically collapse.
232-
Related: [Bug 2000063](https://bugzilla.mozilla.org/show_bug.cgi?id=2000063).
233-
234-
---
235-
236-
<!-- END What's New -->
237-
238242
## 🎉 Major Feature Update
239243

240244
<details>
@@ -593,9 +597,6 @@ To change the default hotkeys, click the gear icon in the top-right corner and s
593597

594598
<!-- END Release Note -->
595599

596-
**v6.0.1**
597-
- Fixed layout and styling inconsistencies in Sidebery when **Density** is set to values other than **Default**.
598-
599600
For more update logs from earlier versions,
600601
👉 see the [history archive on the Wiki](https://github.com/yuuqilin/FlexFox/wiki/Earlier-Update-History-(English))
601602

@@ -851,7 +852,8 @@ For more update logs from earlier versions,
851852
| `uc.flex.style-window-controls-shrink-size` | `true` | Reduces the overall size of the window controls. |
852853
| `uc.flex.move-window-controls-to-left` | `true` | Moves the window controls to the left edge of the navbar or horizontal tab bar. |
853854
| `uc.flex.move-pip-volume-to-top` | `true` | Moves the volume control button in Picture-in-Picture (PiP) windows to the top. |
854-
| `uc.flex.style-tab-items` | `1`-`2`<br>(`1`) | Sets the appearance of vertical tab items. Values: `1` = Pinned tabs use borders only with no background (default), `2` = Pinned tabs use background only with no borders; tabs include smooth hover transition animations, and their tab borders and highlights match the sidebar stripe color. |
855+
| `uc.flex.style-tab-items` | `1`-`2`<br>(`1`) | Sets the appearance of vertical tab items. Values: `1` = Pinned tabs use borders only with no background (default), `2` = Pinned tabs use background only with no borders; all tabs use the sidebar stripe color for their borders and highlights. |
856+
| `uc.flex.style-tab-items-add-hover-trail` | `true` | Applies a trailing effect when hovering over vertical tabs. Enabled by default; set to `false` to disable the effect. |
855857
| `uc.flex.style-tab-groups` | `0`-`2`<br>(`1`) | Sets the appearance of native vertical tab groups. Values: `0` = Tree layout, no expand/collapse indicator, `1` = Tree layout with triangle indicator (default), `2` = Box layout with folder icon. |
856858
| `uc.flex.style-tab-groups-add-transition` | `0`-`2`<br>(`2`) | Sets the expand/collapse transition and rotating indicator animation for native vertical tab groups. Values: `0` = No transition, `1` = Enable expand/collapse transition, `2` = Enable transition + rotating indicator (default). |
857859
| `uc.flex.style-tab-groups-center-label-text` | `true` | Centers the label text of native vertical tab groups. |

0 commit comments

Comments
 (0)