From dd612bbc915b449fe3708a8c07d510fb3fab27c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kristijan=20Ribari=C4=87?= <kriba13@gmail.com>
Date: Mon, 25 Nov 2024 09:11:26 +0100
Subject: [PATCH] Hidden container label when URL bar is narrow.

---
 src/browser/base/content/zen-styles/zen-urlbar.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/browser/base/content/zen-styles/zen-urlbar.css b/src/browser/base/content/zen-styles/zen-urlbar.css
index 9629b662e..54d335913 100644
--- a/src/browser/base/content/zen-styles/zen-urlbar.css
+++ b/src/browser/base/content/zen-styles/zen-urlbar.css
@@ -190,6 +190,16 @@ button.popup-notification-dropmarker {
   margin-top: 5px;
 }
 
+#urlbar-container {
+  container: urlbar-container / inline-size;
+}
+
+@container urlbar-container (width < 350px) {
+  #userContext-label {
+    display: none;
+  }
+}
+
 @media (max-width: 550px) {
   #urlbar-container {
     width: calc(176px + 2 * (24px + 2 * var(--toolbarbutton-inner-padding)));