From b80b75d0a7bec302295f446e1f2febae464d9af7 Mon Sep 17 00:00:00 2001
From: Cleo Menezes Jr <cleomenezesjr@gmail.com>
Date: Sun, 10 Dec 2023 00:44:13 -0300
Subject: [PATCH] Overlay headerbar on fullscreen (#677)

Headerbar will appear as overlay instead of taking up web content space just as it happens in the gnome web
---
 theme/parts/headerbar.css | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/theme/parts/headerbar.css b/theme/parts/headerbar.css
index 7f4d1b1..5630d60 100644
--- a/theme/parts/headerbar.css
+++ b/theme/parts/headerbar.css
@@ -21,9 +21,27 @@
 	fill: var(--gnome-toolbar-color) !important;
 	fill-opacity: 0.2 !important;
 	-moz-context-properties: fill, fill-opacity;
-}
+  }
 
 /* Hide tabsbar default private browsing indicator */
 #private-browsing-indicator-with-label {
 	display: none !important;
 }
+
+/* Overlay headerbar on fullscreen */
+#navigator-toolbox[inFullscreen] {
+  position: fixed !important;
+  transition: margin 300ms ease-in-out 0s !important;
+  line-height: 0;
+  z-index: 1;
+  width: 100vw;
+}
+
+#navigator-toolbox[inFullscreen]:hover,
+#navigator-toolbox[inFullscreen]:focus-within {
+  margin-top: 0 !important;
+}
+
+#navigator-toolbox[inFullscreen] > * {
+  line-height: normal;
+}