Update margin-bottom in welcome.css and dragBall position in welcome.js

This commit is contained in:
Mauro Balades
2024-07-04 18:56:13 +02:00
parent 4dfb9879ba
commit 3beb604136
6 changed files with 22 additions and 10 deletions

View File

@@ -135,7 +135,7 @@ input[type='checkbox'] {
} }
#search h1 { #search h1 {
margin-bottom: 50px; margin-bottom: 25px;
} }
#theme h1 { #theme h1 {

View File

@@ -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();

View File

@@ -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,

View File

@@ -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,

View File

@@ -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 {

View File

@@ -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;