Fixed UI for full screen mode

This commit is contained in:
mauro-balades
2024-04-01 15:57:06 +02:00
parent c04045d64b
commit 2e097197d1
15 changed files with 133 additions and 52 deletions

View File

@@ -1,11 +1,12 @@
diff --git a/toolkit/content/jar.mn b/toolkit/content/jar.mn
index 8b18c945253d00603891cc5f0b989476318e219c..3021de8ec32e32a9d58a207b4d279b236a264dbf 100644
index 8b18c945253d00603891cc5f0b989476318e219c..c5368eec8d9a760c19a827fe7a4b9afb4b702976 100644
--- a/toolkit/content/jar.mn
+++ b/toolkit/content/jar.mn
@@ -143,3 +143,6 @@ toolkit.jar:
@@ -143,3 +143,7 @@ toolkit.jar:
# Third party files
content/global/third_party/d3/d3.js (/third_party/js/d3/d3.js)
content/global/third_party/cfworker/json-schema.js (/third_party/js/cfworker/json-schema.js)
+
+# Zen modules
+ content/global/zen-xul.css
+ content/global/zen-fullscreen-override.css

View File

@@ -0,0 +1,10 @@
[inDOMFullscreen="true"] #nav-bar {
display: none !important;
}
[inDOMFullscreen="true"] #appcontent {
margin: 0 !important;
border-radius: 0 !important;
}

View File

@@ -1,19 +1,25 @@
@import url("zen-fullscreen-override.css");
:root {
--zen-main-browser-background: light-dark(#ddd, #4a4a4a);
--zen-appcontent-separator-from-window: 20px;
--zen-appcontent-separator-from-window: 10px;
}
html#main-window > body > toolbox#navigator-toolbox,
hbox#browser {
toolbox#navigator-toolbox,
#browser {
background: transparent !important;
}
#browser {
width: 100%;
}
html#main-window > body {
background: var(--zen-main-browser-background) !important;
}
#appcontent {
:not([inDOMFullscreen="true"]) #appcontent {
border-radius: var(--zen-panel-radius);
overflow: hidden;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);