From afc011c5c893b6e0d97bc75aba5511e5c13ecdcf Mon Sep 17 00:00:00 2001
From: "mr. M" <mauro.balades@tutanota.com>
Date: Sat, 28 Dec 2024 21:17:45 +0100
Subject: [PATCH] Updated confetti animation parameters for improved visual
 effects

---
 README.md                                            | 12 +++---------
 .../base/content/zen-styles/zen-compact-mode.css     |  4 ++--
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index d4ce5739c..7ecf0edb7 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ We keep track of how many issues are closed at the end of the month in [docs/iss
 
 ### Versioning
 
-Zen uses [Semantic Versioning](https://semver.org/) for versioning. Meaning, versions are displayed as `a.bc.d` where:
+Zen uses [Semantic Versioning](https://semver.org/) for versioning. Meaning, versions are displayed as `a.b-c.d` where:
 
 - `a` is the major version
 - `b` is the minor version
@@ -132,15 +132,9 @@ Zen couldn't be in its current state without the help of these amazing projects!
 
 ### 🖥️ Comparison with other browsers
 
-As you can see, chromium based browsers are the most popular browsers, help us change that by starring the project and spreading the word! 🌟
+Thanks everyone for making zen stand out amongs these giants!
 
-<a href="https://star-history.com/#zen-browser/desktop&Date">
- <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=zen-browser/desktop,chromium/chromium,brave/brave-browser&type=Date&theme=dark" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=zen-browser/desktop,chromium/chromium,brave/brave-browser&type=Date" />
-   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=chromium/chromium,zen-browser/desktop,brave/brave-browser&type=Date" />
- </picture>
-</a>
+[![Star History Chart](https://api.star-history.com/svg?repos=zen-browser/desktop,chromium/chromium,brave/brave-browser&type=Date)](https://star-history.com/#zen-browser/desktop&chromium/chromium&brave/brave-browser&Date)
 
 ## 📄 License
 
diff --git a/src/browser/base/content/zen-styles/zen-compact-mode.css b/src/browser/base/content/zen-styles/zen-compact-mode.css
index 1eaeba34f..006b0a0cf 100644
--- a/src/browser/base/content/zen-styles/zen-compact-mode.css
+++ b/src/browser/base/content/zen-styles/zen-compact-mode.css
@@ -124,7 +124,7 @@
       #navigator-toolbox[has-popup-menu],
       #navigator-toolbox[movingtab],
       #navigator-toolbox:has(.tabbrowser-tab:active),
-      #navigator-toolbox:has(*:is([open='true'], #nav-bar:focus-within):not(tab):not(.zen-compact-mode-ignore)) {
+      #navigator-toolbox:has(*:is([panelopen='true'], #nav-bar:focus-within):not(tab):not(.zen-compact-mode-ignore)) {
         &:not([animate='true']) {
           transition: left 0.25s ease, right 0.25s ease;
           opacity: 1;
@@ -205,7 +205,7 @@
         & #zen-appcontent-navbar-container:focus-within,
         & #zen-appcontent-navbar-container[zen-user-show],
         & #zen-appcontent-navbar-container[has-popup-menu],
-        & #zen-appcontent-navbar-container:has(*[open='true']) {
+        & #zen-appcontent-navbar-container:has(*[panelopen='true']) {
           opacity: 1;
           border-top-width: 1px;