v5.7.3

Fix incorrect Tab Split View height and add animations in tab groups.

Author: yuuqilin

README.md

@@ -20,15 +20,12 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
 
 ## 🆕 What's New
 
-**🦊 v5.7.2**
-* Fixed a regression introduced in v5.7.1 where tabs inside tab groups were displayed with an incorrect height.
+**🦊 v5.7.3**
+* Fixed a regression introduced in v5.7.1 where Tab Split View inside tab groups was displayed with an incorrect height.
+* Added expand and collapse animations for Tab Split View inside tab groups. The animations are enabled when `uc.flex.style-tab-group` is set to `2` or `4`.
 
 <!-- END What's New -->
 
-**🦊 v5.7.1**
-* Fixed a regression introduced in v5.5.4. When the tab-group expand and collapse animation was disabled, collapsing a tab group left extra vertical space below it. This caused inconsistent spacing between tabs and tab groups.
-* Improved the expand and collapse animation for tab groups to provide a smoother visual transition.
-
 **🦊 v5.7.0**
 
 **New**
@@ -448,6 +445,13 @@ To change the default hotkeys, click the gear icon in the top-right corner and s
 
 <!-- END Release Note -->
 
+**v5.7.2**
+* Fixed a regression introduced in v5.7.1 where tabs inside tab groups were displayed with an incorrect height.
+
+**v5.7.1**
+* Fixed a regression introduced in v5.5.4. When the tab-group expand and collapse animation was disabled, collapsing a tab group left extra vertical space below it. This caused inconsistent spacing between tabs and tab groups.
+* Improved the expand and collapse animation for tab groups to provide a smoother visual transition.
+
 **v5.6.2**
 * Added `uc.flex.enable-translucent-urlbar-popup-and-menus`: enables a translucent and blurred background for the urlbar popup and various menus. FlexFox normally applies these effects only when Mica or a custom wallpaper is active, and this option allows you to use the translucent popup and menu background even without them. If Mica or a custom wallpaper is already enabled, you don't need this option.
 * Added support for v146's new feature “Preview Link”.

README_日本語版.md

@@ -20,12 +20,9 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
 
 ## 🆕 最新情報
 
-**🦊 v5.7.2**
-* v5.7.1 で発生した不具合を修正しました。タブグループ内のタブの高さが正しく表示されない問題がありました。
-
-**🦊 v5.7.1**
-* v5.5.4 で発生していた不具合を修正しました。タブグループの展開・折りたたみアニメーションを無効にしている場合、折りたたんだ際に下部へ余計な空白が生じ、タブやタブグループの間隔が不揃いになる問題がありました。
-* タブグループの展開・折りたたみアニメーションを改善し、より自然で滑らかな動きになるよう調整しました。
+**🦊 v5.7.3**
+* v5.7.1 で発生していた、タブグループ内の「分割ビュー」の高さが正しく表示されない不具合を修正しました。
+* タブグループ内の「分割ビュー」に展開と折りたたみのアニメーションを追加しました。アニメーションは `uc.flex.style-tab-group` を `2` または `4` に設定している場合に有効になります。
 
 **🦊 v5.7.0**
 
@@ -444,6 +441,13 @@ FlexFox は [UserChrome Toggle Extended](https://addons.mozilla.org/firefox/addo
 
 <summary>💬 <b>過去の更新</b></summary>
 
+**v5.7.2**
+* v5.7.1 で発生していた、タブグループ内のタブの高さが正しく表示されない不具合を修正しました。
+
+**v5.7.1**
+* v5.5.4 で発生していた不具合を修正しました。タブグループの展開・折りたたみアニメーションを無効にしている場合、折りたたんだ際に下部へ余計な空白が生じ、タブやタブグループの間隔が不揃いになる問題がありました。
+* タブグループの展開・折りたたみアニメーションを改善し、より自然で滑らかな動きになるよう調整しました。
+
 **v5.6.2**
 * `uc.flex.enable-translucent-urlbar-popup-and-menus` を追加：URL バーのポップアップや各種メニューに半透明とぼかしの背景を適用します。通常、FlexFox は Mica またはカスタム壁紙を使用している場合のみこれらの効果を有効化しますが、このオプションを使えば Mica や壁紙がなくても半透明のポップアップとメニューを使用できます。すでに Mica またはカスタム壁紙を有効にしている場合は設定する必要はありません。
 * v146 の新機能「リンク先をプレビュー」に対応しました。

README_简体中文.md

@@ -20,12 +20,9 @@ https://github.com/user-attachments/assets/23d73b36-d2d4-4660-af5b-cde686d0934a
 
 ## 🆕 更新内容
 
-**🦊 v5.7.2**
-* 修复 v5.7.1 引发的问题：标签组内的标签高度显示错误。
-
-**🦊 v5.7.1**
-* 修复 v5.5.4 引发的问题：当关闭标签组的展开/折叠动画时，折叠后的标签组下方会出现多余空白，导致标签页与标签组之间的间距不一致。
-* 优化标签组的展开和折叠动画，使过渡更加平滑自然。
+**🦊 v5.7.3**
+* 修复 v5.7.1 引发的问题：标签组内“分屏视图”的高度显示错误。
+* 为标签组内的“分屏视图”添加了展开和折叠动画效果。动画在 `uc.flex.style-tab-group` 设置为 `2` 或 `4` 时启用。
 
 **🦊 v5.7.0**
 
@@ -442,6 +439,13 @@ FlexFox 现在支持扩展 [UserChrome Toggle Extended](https://addons.mozilla.o
 
 <summary>💬 <b>历史更新</b></summary>
 
+**v5.7.2**
+* 修复 v5.7.1 引发的问题：标签组内的标签高度显示错误。
+
+**v5.7.1**
+* 修复 v5.5.4 引发的问题：当关闭标签组的展开/折叠动画时，折叠后的标签组下方会出现多余空白，导致标签页与标签组之间的间距不一致。
+* 优化标签组的展开和折叠动画，使过渡更加平滑自然。
+
 **v5.6.2**
 * 新增选项 `uc.flex.enable-translucent-urlbar-popup-and-menus`：为地址栏的弹出面板和各类菜单启用半透明和模糊背景。FlexFox 默认只有在启用 Mica 或自定义壁纸时才会应用这些效果，而使用此选项后，即使没有启用 Mica 或壁纸，也能单独启用半透明的弹出面板和菜单。如果你已经启用了 Mica 或自定义壁纸，则无需再设置这个选项。
 * 添加对 v146 新功能「预览链接」的支持。

chrome/components/uc-sidebar.css

@@ -1601,7 +1601,7 @@
 
     /* Reduce spacing between vertical tabs */
     #tabbrowser-arrowscrollbox .tabbrowser-tab {
-        #tabbrowser-tabs[orient="vertical"][expanded] & {
+        #tabbrowser-tabs[expanded] & {
             padding-block: 1.5px !important;
         }
     }
@@ -1978,15 +1978,31 @@
                 min-height: 39px;
                 max-height: 39px;
             }
+            tab-split-view-wrapper {
+                display: grid !important;
+                min-height: 68px;
+                max-height: 68px;
+                transition:
+                    min-height 150ms ease,
+                    max-height 150ms ease,
+                    opacity 150ms ease;
+            }
             &[collapsed] {
-                #tabbrowser-tabs #tabbrowser-arrowscrollbox & .tabbrowser-tab:not([selected]) {
+                #tabbrowser-tabs #tabbrowser-arrowscrollbox & > .tabbrowser-tab:not([selected]),
+                > tab-split-view-wrapper:not([hasactivetab]) > .tabbrowser-tab:not([selected]) {
                     display: flex !important;
                     min-height: 0;
                     max-height: 0;
                     padding-block: 0px !important;
                     opacity: 0;
                     pointer-events: none;
                 }
+                > tab-split-view-wrapper:not([hasactivetab]) {
+                    min-height: 0;
+                    max-height: 0;
+                    opacity: 0;
+                    pointer-events: none;
+                }
             }
         }
 
@@ -2125,6 +2141,11 @@
         }
 
         > .tabbrowser-tab {
+            #tabbrowser-tabs[expanded] & {
+                min-height: 34px;
+                max-height: 34px;
+                padding-block: 0 !important;
+            }
             tab-group & {
                 @media -moz-pref("uc.flex.disable-sidebery-autohide") {
                     margin-inline-start: var(--space-medium) !important;

chrome/content/uc-aboutconfig.css

@@ -3,22 +3,22 @@
     @media not -moz-pref("uc.flex.show-flexfox-version-info-in-about-config", false) {
         body:lang(ja) {
             &::before {
-                content: "🎉  FlexFox v5.7.2 のインストールが完了しました。 \A 📝  オプションを調整するには、検索バーに `uc.flex` と入力してください。";
+                content: "🎉  FlexFox v5.7.3 のインストールが完了しました。 \A 📝  オプションを調整するには、検索バーに `uc.flex` と入力してください。";
             }
         }
         body:lang(zh-CN) {
             &::before {
-                content: "🎉  FlexFox v5.7.2 已成功安装。 \A 📝  如需调整选项，请在搜索栏中输入 `uc.flex`。";
+                content: "🎉  FlexFox v5.7.3 已成功安装。 \A 📝  如需调整选项，请在搜索栏中输入 `uc.flex`。";
             }
         }
         body:lang(zh-tw) {
             &::before {
-                content: "🎉  FlexFox v5.7.2 已成功安裝。 \A 📝  若需要調整選項，請在搜尋欄中輸入 `uc.flex`。";
+                content: "🎉  FlexFox v5.7.3 已成功安裝。 \A 📝  若需要調整選項，請在搜尋欄中輸入 `uc.flex`。";
             }
         }
 
         body::before {
-            content: "🎉  FlexFox v5.7.2 has been successfully installed. \A 📝  To adjust options, type `uc.flex` in the search bar.";
+            content: "🎉  FlexFox v5.7.3 has been successfully installed. \A 📝  To adjust options, type `uc.flex` in the search bar.";
             /* !-- End of version info -- */
             display: block;
             margin: 10px 10px 0px 10px;

chrome/userChrome.css

@@ -1,4 +1,4 @@
-/*            FlexFox v5.7.2            */
+/*            FlexFox v5.7.3            */
 /*      ____ _          ____            */
 /*     / __/ /__  _  __/ __/___  _  __  */
 /*    / /_/ / _ \| |/_/ /_/ __ \| |/_/  */