Animated dialogs and fixed dialog borders

This commit is contained in:
mauro-balades
2024-04-04 00:30:43 +02:00
parent f521dfc6e6
commit 71d4cb3ff2
3 changed files with 10 additions and 5 deletions

View File

@@ -1,5 +1,5 @@
diff --git a/browser/base/content/browser.css b/browser/base/content/browser.css
index 8a2a20280954eb9db144a723f477e7afc603fda3..e3069de5c78cab1b26f602b7ae501e22687d2cad 100644
index 8a2a20280954eb9db144a723f477e7afc603fda3..bbcc1eaa85b8dc608a8d85c3709bcc7c5fc441e2 100644
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -2,6 +2,8 @@
@@ -43,8 +43,8 @@ index 8a2a20280954eb9db144a723f477e7afc603fda3..e3069de5c78cab1b26f602b7ae501e22
+}
+
+.dialogBox:not(.spotlightBox) {
+ border: 2px solid var(--zen-dialog-border-color);
+ border: 1px solid var(--zen-dialog-border-color);
+ border-radius: 5px;
+
+ transform: translateY(-8px);
+ transform: translateY(-9px);
+}

View File

@@ -107,3 +107,8 @@ toolbar .toolbarbutton-1 {
height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
}
}
.tabbrowser-tab {
animation: zen-jello-animation 0.2s ease-in-out;
animation-delay: 0.1s;
}

View File

@@ -1,7 +1,7 @@
:root {
--zen-dialog-background: Field;
--zen-dialog-border-color: rgb(184, 184, 184);
--zen-dialog-border-color: rgba(0,0,0,.2);
--zen-panel-radius: 7px;
--arrowpanel-background: var(--zen-dialog-background) !important;
@@ -21,6 +21,6 @@
@media (prefers-color-scheme: dark) {
:root {
--zen-dialog-background: rgba(28, 27, 34);
--zen-dialog-border-color: rgb(66, 66, 66);
--zen-dialog-border-color: rgba(255,255,255,.1);
}
}