mirror of
https://github.com/zen-browser/desktop.git
synced 2025-10-05 09:26:34 +00:00
Update margin-bottom in welcome.css and dragBall position in welcome.js
This commit is contained in:
@@ -135,7 +135,7 @@ input[type='checkbox'] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#search h1 {
|
#search h1 {
|
||||||
margin-bottom: 50px;
|
margin-bottom: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#theme h1 {
|
#theme h1 {
|
||||||
|
@@ -180,7 +180,7 @@ class Themes extends Page {
|
|||||||
ctx.fillRect(0, 0, 1000, 150);
|
ctx.fillRect(0, 0, 1000, 150);
|
||||||
|
|
||||||
const dragBall = document.getElementById('dragBall');
|
const dragBall = document.getElementById('dragBall');
|
||||||
dragBall.style.left = `0px`;
|
dragBall.style.left = `17px`;
|
||||||
dragBall.addEventListener('mousedown', (e) => {
|
dragBall.addEventListener('mousedown', (e) => {
|
||||||
const rect = colorList.getBoundingClientRect();
|
const rect = colorList.getBoundingClientRect();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
@@ -1,5 +1,5 @@
|
|||||||
diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css
|
diff --git a/browser/themes/shared/urlbar-searchbar.css b/browser/themes/shared/urlbar-searchbar.css
|
||||||
index 9fc88fbde80a39989bde559ecc07b8e3094ccb7e..170d9f31e1c0ac0c1ba3cea828d4a530e61e079b 100644
|
index b5684c5f6f4b932070ef2bc53750504791f7f3c3..c3ffdb99adbb4a331967b93181d536dad1a41488 100644
|
||||||
--- a/browser/themes/shared/urlbar-searchbar.css
|
--- a/browser/themes/shared/urlbar-searchbar.css
|
||||||
+++ b/browser/themes/shared/urlbar-searchbar.css
|
+++ b/browser/themes/shared/urlbar-searchbar.css
|
||||||
@@ -59,7 +59,7 @@
|
@@ -59,7 +59,7 @@
|
||||||
@@ -11,3 +11,12 @@ index 9fc88fbde80a39989bde559ecc07b8e3094ccb7e..170d9f31e1c0ac0c1ba3cea828d4a530
|
|||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
border: 1px solid var(--toolbar-field-border-color);
|
border: 1px solid var(--toolbar-field-border-color);
|
||||||
border-radius: var(--toolbarbutton-border-radius);
|
border-radius: var(--toolbarbutton-border-radius);
|
||||||
|
@@ -92,7 +92,7 @@
|
||||||
|
--toolbar-field-focus-border-color is set equal to --focus-outline-color
|
||||||
|
on :root, but LWT themes can override this value. */
|
||||||
|
outline-color: var(--toolbar-field-focus-border-color);
|
||||||
|
- border-color: transparent;
|
||||||
|
+ /*border-color: transparent;*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#urlbar[focused="true"] > #urlbar-background,
|
||||||
|
@@ -57,7 +57,10 @@
|
|||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
#urlbar[focused="true"] > #urlbar-background,
|
#urlbar {
|
||||||
|
border: 1px solid light-dark(rgba(0,0,0,.2), rgba(255,255,255,.2))
|
||||||
|
}
|
||||||
|
|
||||||
#searchbar:focus-within {
|
#searchbar:focus-within {
|
||||||
border-color: transparent !important;
|
border-color: transparent !important;
|
||||||
}
|
}
|
||||||
@@ -67,9 +70,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#urlbar[focused="true"] > #urlbar-background {
|
#urlbar[focused="true"] > #urlbar-background {
|
||||||
border-radius: 10px !important;
|
|
||||||
background: var(--zen-dialog-background) !important;
|
background: var(--zen-dialog-background) !important;
|
||||||
border: 1px solid transparent;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
|
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
|
||||||
|
@@ -47,11 +47,11 @@ panel[type="arrow"][animate][animate="open"] {
|
|||||||
|
|
||||||
@keyframes zen-jello-animation {
|
@keyframes zen-jello-animation {
|
||||||
0% {
|
0% {
|
||||||
transform: scale3d(0.9, 0.9, 0.9);
|
transform: scale3d(0.8, 0.8, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
60% {
|
||||||
transform: scale3d(1.01, 1.01, 1.01);
|
transform: scale3d(1.02, 1.02, 1.02);
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
|
@@ -18,7 +18,9 @@ button:active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
html|button:not(:is(
|
html|button:not(:is(
|
||||||
.tab-button, .ghost-button
|
.tab-button, .ghost-button,
|
||||||
|
.button-toggle, .button-edit,
|
||||||
|
.button-add
|
||||||
)) {
|
)) {
|
||||||
transition: .2s;
|
transition: .2s;
|
||||||
border-radius: 6px !important;
|
border-radius: 6px !important;
|
||||||
|
Reference in New Issue
Block a user