aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/global/alerts/alert-common.css
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/global/alerts/alert-common.css')
-rw-r--r--arc-firefox-theme/chrome/global/alerts/alert-common.css37
1 files changed, 22 insertions, 15 deletions
diff --git a/arc-firefox-theme/chrome/global/alerts/alert-common.css b/arc-firefox-theme/chrome/global/alerts/alert-common.css
index af7fd0c..20d9e7b 100644
--- a/arc-firefox-theme/chrome/global/alerts/alert-common.css
+++ b/arc-firefox-theme/chrome/global/alerts/alert-common.css
@@ -10,11 +10,6 @@
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-#alertBox[hasBodyText] > #alertTextBox,
-#alertBox[hasOrigin] > #alertTitleBox {
- border-bottom: 1px solid ThreeDShadow;
-}
-
#alertBox[animate] {
animation-timing-function: cubic-bezier(.12,1.23,.48,1.09);
}
@@ -59,22 +54,30 @@
}
#alertImage {
- width: 64px;
+ width: 80px;
+ height: 80px;
+ max-width: 80px;
+ max-height: 80px;
+ object-fit: scale-down;
+ margin: 0 7px 7px;
}
.alertTextBox {
- padding-top: 8px;
- padding-inline-start: 8px;
+ padding-top: 4px;
/* The text box width is increased to make up for the lack of image when one
- is not provided. 319px is the text box width when a picture is present,
- 255px, plus the width of the image, 64px. */
- width: 319px;
+ is not provided. 349px is the text box width when a picture is present,
+ 255px, plus the width of the image, 80px, and the margins, 7px each. */
+ width: 349px;
}
#alertBox[hasImage] > box > #alertTextBox {
width: 255px;
}
+#alertBox:not([hasImage]) > box > #alertTextBox {
+ padding-inline-start: 8px;
+}
+
#alertTextLabel {
padding-inline-end: 8px;
}
@@ -82,13 +85,17 @@
.alertTitle {
-moz-box-flex: 1;
font-weight: bold;
- padding: 6px 8px;
+ padding: 6px 8px 0;
width: 255px;
}
#alertFooter {
- -moz-box-align: end;
- padding-bottom: 2px;
+ -moz-box-align: start;
+}
+
+#alertBox:not([hasOrigin]) > box > #alertTextBox,
+#alertFooter {
+ padding-bottom: 5px;
}
#alertSourceLabel {
@@ -103,7 +110,7 @@
border-width: 0;
border-radius: 20px;
min-width: 0;
- list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
margin-inline-end: 0;
margin-bottom: 0;
}