Fixed some bugs and better styled buttons, welcome screen and sidebar

This commit is contained in:
Mauro Balades
2024-04-09 21:28:09 +02:00
parent bd0fea215d
commit dbdae61f8b
12 changed files with 366 additions and 59 deletions

View File

@@ -1,5 +1,5 @@
diff --git a/browser/components/customizableui/CustomizeMode.sys.mjs b/browser/components/customizableui/CustomizeMode.sys.mjs
index 5f6d01d8337efc515cc2687782a07af893ea85d8..c49027306ed783c419706521f01f0987e608ae12 100644
index 5f6d01d8337efc515cc2687782a07af893ea85d8..3a1af9f3969e283a5eb5b225ba8389fd82e22184 100644
--- a/browser/components/customizableui/CustomizeMode.sys.mjs
+++ b/browser/components/customizableui/CustomizeMode.sys.mjs
@@ -356,7 +356,7 @@ CustomizeMode.prototype = {
@@ -20,3 +20,24 @@ index 5f6d01d8337efc515cc2687782a07af893ea85d8..c49027306ed783c419706521f01f0987
customizer.hidden = true;
browser.hidden = false;
@@ -2278,6 +2278,20 @@ CustomizeMode.prototype = {
if (makeSpaceImmediately) {
aItem.setAttribute("notransition", "true");
}
+ if (aItem.parentElement.id === "TabsToolbar-customization-target") {
+ // We change the border values so we can properly implement the native vertical tabs
+ // drag and drop behavior.
+ aItem.style.borderColor = "transparent";
+ if (aValue == "before") {
+ prop = "borderTopWidth";
+ otherProp = "borderBottomWidth";
+ aItem.style.borderTopStyle = "solid";
+ } else {
+ prop = "borderBottomWidth";
+ otherProp = "borderTopWidth";
+ aItem.style.borderBottomStyle = "solid";
+ }
+ }
aItem.style[prop] = borderWidth + "px";
aItem.style.removeProperty(otherProp);
if (makeSpaceImmediately) {

View File

@@ -1,5 +1,5 @@
diff --git a/browser/components/tabpreview/tabpreview.css b/browser/components/tabpreview/tabpreview.css
index 8b288cb95da0e5fe307437e300d2c03ae19ab397..d03cbf2b15b62b3865be9caa63ad5c52633df3c2 100644
index 8b288cb95da0e5fe307437e300d2c03ae19ab397..13a1f652bfd44af6ef317e7c997e101ac84c0ece 100644
--- a/browser/components/tabpreview/tabpreview.css
+++ b/browser/components/tabpreview/tabpreview.css
@@ -3,9 +3,9 @@
@@ -34,8 +34,8 @@ index 8b288cb95da0e5fe307437e300d2c03ae19ab397..d03cbf2b15b62b3865be9caa63ad5c52
+
+.tab-preview-container {
+ --zen-border-color: #bdbcbc;
+ overflow: hidden;
+ border: 1px solid var(--zen-border-color);
+ box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+
+@media (prefers-color-scheme: dark) {

View File

@@ -18,6 +18,7 @@ body {
overflow: hidden;
background: var(--zen-characteristic-gradient);
transition: .1s;
-moz-transform: scale(1.1); /* zoom */
}
body.normal-background {