mirror of
https://github.com/zen-browser/desktop.git
synced 2026-01-07 05:43:21 +00:00
Animated dialogs and fixed dialog borders
This commit is contained in:
@@ -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);
|
||||
+}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user