summaryrefslogtreecommitdiffstats
path: root/browser/components/aboutlogins/content/components/generic-dialog.css
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 17:32:43 +0000
commit6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch)
treea68f146d7fa01f0134297619fbe7e33db084e0aa /browser/components/aboutlogins/content/components/generic-dialog.css
parentInitial commit. (diff)
downloadthunderbird-upstream.tar.xz
thunderbird-upstream.zip
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'browser/components/aboutlogins/content/components/generic-dialog.css')
-rw-r--r--browser/components/aboutlogins/content/components/generic-dialog.css65
1 files changed, 65 insertions, 0 deletions
diff --git a/browser/components/aboutlogins/content/components/generic-dialog.css b/browser/components/aboutlogins/content/components/generic-dialog.css
new file mode 100644
index 0000000000..d8fbbfe93c
--- /dev/null
+++ b/browser/components/aboutlogins/content/components/generic-dialog.css
@@ -0,0 +1,65 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.overlay {
+ position: fixed;
+ z-index: 1;
+ inset: 0;
+ /* TODO: this color is used in the about:preferences overlay, but
+ why isn't it declared as a variable? */
+ background-color: rgba(0,0,0,0.5);
+ display: flex;
+}
+
+.container {
+ z-index: 2;
+ position: relative;
+ display: grid;
+ grid-template-columns: 37px auto;
+ grid-template-rows: 32px auto 50px;
+ grid-gap: 5px;
+ align-items: center;
+ width: 580px;
+ height: 290px;
+ padding: 50px 50px 20px;
+ margin: auto;
+ background-color: var(--in-content-page-background);
+ color: var(--in-content-page-color);
+ box-shadow: var(--shadow-30);
+ /* show a border in high contrast mode */
+ outline: 1px solid transparent;
+}
+
+::slotted([slot="dialog-icon"]) {
+ width: 32px;
+ height: 32px;
+ -moz-context-properties: fill;
+ fill: currentColor;
+}
+
+::slotted([slot="dialog-title"]) {
+ font-size: 2.2em;
+ font-weight: 300;
+ user-select: none;
+ margin: 0;
+}
+
+::slotted([slot="content"]) {
+ grid-column-start: 2;
+ align-self: baseline;
+ margin-top: 16px;
+ line-height: 1.4em;
+}
+
+::slotted([slot="buttons"]) {
+ grid-column: 1 / 4;
+ grid-row-start: 3;
+ border-top: 1px solid var(--in-content-border-color);
+ padding-top: 12px;
+}
+
+.dialog-body {
+ padding-block: 40px 16px;
+ padding-inline: 45px 32px;
+}