Added huge UI changes

This commit is contained in:
Mauro Balades
2024-04-21 02:23:18 +02:00
parent 89810a0be9
commit f02af579bd
20 changed files with 264 additions and 566 deletions

View File

@@ -1,8 +1,16 @@
diff --git a/browser/components/customizableui/CustomizeMode.sys.mjs b/browser/components/customizableui/CustomizeMode.sys.mjs
index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd82e22184 100644
index 5f6d01d8337efc515cc2687782a07af893ea85d8..b008373667b629ff6d230bea0114a28f9847ace9 100644
--- a/browser/components/customizableui/CustomizeMode.sys.mjs
+++ b/browser/components/customizableui/CustomizeMode.sys.mjs
@@ -356,7 +356,7 @@ CustomizeMode.prototype = {
@@ -138,6 +138,7 @@ export function CustomizeMode(aWindow) {
Services.prefs.addObserver(kBookmarksToolbarPref, this);
this.window.addEventListener("unload", this);
+ this._zenUpdateWindowSeparator();
}
CustomizeMode.prototype = {
@@ -356,7 +357,7 @@ CustomizeMode.prototype = {
this._transitioning = true;
let customizer = document.getElementById("customization-container");
@@ -11,7 +19,7 @@ index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd
browser.hidden = true;
customizer.hidden = false;
@@ -487,7 +487,7 @@ CustomizeMode.prototype = {
@@ -487,7 +488,7 @@ CustomizeMode.prototype = {
}
let customizer = document.getElementById("customization-container");
@@ -20,7 +28,7 @@ index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd
customizer.hidden = true;
browser.hidden = false;
@@ -2278,6 +2278,20 @@ CustomizeMode.prototype = {
@@ -2278,6 +2279,20 @@ CustomizeMode.prototype = {
if (makeSpaceImmediately) {
aItem.setAttribute("notransition", "true");
}
@@ -41,3 +49,23 @@ index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd
aItem.style[prop] = borderWidth + "px";
aItem.style.removeProperty(otherProp);
if (makeSpaceImmediately) {
@@ -2931,6 +2946,19 @@ CustomizeMode.prototype = {
return uninit;
},
+
+ _zenUpdateWindowSeparator() {
+ let range = this.$("customization-zen-browser-space");
+ const kZenThemePanelSeparationPref = "zen.theme.panel-separation";
+ range.value = Services.prefs.getIntPref(kZenThemePanelSeparationPref);
+ range.addEventListener("input", () => {
+ let value = range.value;
+ Services.prefs.setIntPref(kZenThemePanelSeparationPref, value);
+ });
+ Services.prefs.addObserver(kZenThemePanelSeparationPref, () => {
+ range.value = Services.prefs.getIntPref(kZenThemePanelSeparationPref);
+ });
+ },
};
function __dumpDragData(aEvent, caller) {

View File

@@ -0,0 +1,13 @@
diff --git a/browser/components/customizableui/content/customizeMode.inc.xhtml b/browser/components/customizableui/content/customizeMode.inc.xhtml
index 2788cc6a8fb42b7b968eb45aafc02f8d6fcf771d..5142e65576aebaac0e31677b707a5e05f88dae76 100644
--- a/browser/components/customizableui/content/customizeMode.inc.xhtml
+++ b/browser/components/customizableui/content/customizeMode.inc.xhtml
@@ -94,7 +94,7 @@
class="footer-button"
oncommand="gCustomizeMode.togglePong(this.checked);"
hidden="true"/>
-
+#include zenCustomizationMode.inc.xhtml
<spacer id="customization-footer-spacer"/>
#ifdef XP_MACOSX
<button id="customization-touchbar-button"

View File

@@ -0,0 +1,4 @@
<toolbarseparator id="zen-customization-uidensity-separator"/>
<html:input type="range" id="customization-zen-browser-space" min="0" max="16" step="4"></html:input>
<label data-l10n-id="customization-zen-browser-space" for="customization-zen-browser-space"/>

View File

@@ -1,5 +1,5 @@
diff --git a/browser/components/newtab/lib/ActivityStream.sys.mjs b/browser/components/newtab/lib/ActivityStream.sys.mjs
index f2287fe45edbf4f1e792e3fdcd6886a17c1bb9d2..07437d4fb426919bf8754c01776b00ab06401370 100644
index f46e8aadf053c1a567642cda5f728534c81c8223..9ba13e5988a1fbcbc0502bba46fe6cfa3c647d85 100644
--- a/browser/components/newtab/lib/ActivityStream.sys.mjs
+++ b/browser/components/newtab/lib/ActivityStream.sys.mjs
@@ -127,7 +127,7 @@ export const PREFS_CONFIG = new Map([