diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global/alerts')
-rw-r--r-- | arc-firefox-theme/chrome/global/alerts/alert-common.css | 37 |
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; } |