From e7013c4db4a1b849a30a3b26f6221a1204faa71d Mon Sep 17 00:00:00 2001
From: nitro <143457057+n7itro@users.noreply.github.com>
Date: Mon, 19 Aug 2024 17:31:24 +0200
Subject: [PATCH] hide mute button on collapsed inactive tabs

Closes #322
---
 src/browser/app/profile/zen-browser.js                      | 1 +
 .../base/content/zen-styles/zen-tabs/vertical-tabs.css      | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/src/browser/app/profile/zen-browser.js b/src/browser/app/profile/zen-browser.js
index 97bb4b15f..331b652c0 100644
--- a/src/browser/app/profile/zen-browser.js
+++ b/src/browser/app/profile/zen-browser.js
@@ -71,6 +71,7 @@ pref('zen.view.compact.hide-toolbar', false);
 pref('zen.view.sidebar-expanded', false);
 pref('zen.view.sidebar-expanded.show-button', true);
 pref('zen.view.sidebar-expanded.max-width', 400);
+pref('zen.view.sidebar-collapsed.hide-mute-button', true);
 pref('zen.keyboard.shortcuts.enabled', true);
 pref('zen.keyboard.shortcuts', ""); // Empty string means default shortcuts
 pref('zen.keyboard.shortcuts.disable-firefox', false);
diff --git a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
index fab835df1..8e6af64de 100644
--- a/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
+++ b/src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css
@@ -235,6 +235,12 @@
     display: none; /* TODO: fix this */
   }
 
+  @media (-moz-bool-pref: "zen.view.sidebar-collapsed.hide-mute-button") and (not (-moz-bool-pref: "zen.view.sidebar-expanded")) {
+    .tab-icon-overlay:is([soundplaying], [muted]):not([selected]) {
+      display: none;
+    }
+  }
+  
   @media not (-moz-bool-pref: "zen.view.sidebar-expanded") {
     #navigator-toolbox {
       width: fit-content !important;