Bug 1640913 - reduce duplication in the sanitizeDialog.css files and fix the warning background in macOS dark mode in the preferences r=Gijs

Differential Revision: https://phabricator.services.mozilla.com/D77325
This commit is contained in:
Tim Nguyen 2020-05-28 20:00:31 +00:00
parent 5964b7a9f4
commit d464b20e6d
5 changed files with 26 additions and 77 deletions

View File

@ -8,3 +8,29 @@
#sanitizeEverythingUndoWarning {
white-space: pre-wrap;
}
/* Hide the duration dropdown suffix label if it's empty. Otherwise it
takes up a little space, causing the end of the dropdown to not be aligned
with the warning box. */
#sanitizeDurationSuffixLabel[value=""] {
display: none;
}
/* Sanitize everything warning box */
#sanitizeEverythingWarningBox {
/* Fallback colors are used when the dialog is open outside of in-content prefs */
background-color: var(--in-content-box-background, Window);
border: 1px solid var(--in-content-box-border-color, ThreeDDarkShadow);
border-radius: 5px;
padding: 16px;
}
#sanitizeEverythingWarningIcon {
padding: 0;
margin: 0;
}
#sanitizeEverythingWarningDescBox {
padding: 0 16px;
margin: 0;
}

View File

@ -11,30 +11,6 @@
margin-inline-start: 3px;
}
/* Hide the duration dropdown suffix label if it's empty. Otherwise it
takes up a little space, causing the end of the dropdown to not be aligned
with the warning box. */
#sanitizeDurationSuffixLabel[value=""] {
display: none;
}
/* Sanitize everything warning box */
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
border-radius: 5px;
padding: 16px;
}
#sanitizeEverythingWarningIcon {
list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog");
padding: 0;
margin: 0;
}
#sanitizeEverythingWarningDescBox {
padding: 0 16px;
margin: 0;
}

View File

@ -7,30 +7,6 @@
margin-inline-start: 1px;
}
/* Hide the duration dropdown suffix label if it's empty. Otherwise it
takes up a little space, causing the end of the dropdown to not be aligned
with the warning box. */
#sanitizeDurationSuffixLabel[value=""] {
display: none;
}
/* Sanitize everything warning box */
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
border-radius: 5px;
padding: 16px;
}
#sanitizeEverythingWarningIcon {
list-style-image: url("chrome://global/skin/icons/warning-large.png");
padding: 0;
margin: 0;
}
#sanitizeEverythingWarningDescBox {
padding: 0 16px;
margin: 0;
}

View File

@ -493,11 +493,6 @@ button > hbox > label {
justify-content: space-between;
}
#sanitizeEverythingWarningBox {
background-color: var(--in-content-box-background);
border: 1px solid var(--in-content-box-border-color);
}
#blockCookies,
#keepRow {
margin-top: 1.5em;

View File

@ -11,30 +11,6 @@
margin-inline-start: 3px;
}
/* Hide the duration dropdown suffix label if it's empty. Otherwise it
takes up a little space, causing the end of the dropdown to not be aligned
with the warning box. */
#sanitizeDurationSuffixLabel[value=""] {
display: none;
}
/* Sanitize everything warning box */
#sanitizeEverythingWarningBox {
background-color: Window;
border: 1px solid ThreeDDarkShadow;
border-radius: 5px;
padding: 16px;
}
#sanitizeEverythingWarningIcon {
list-style-image: url("chrome://global/skin/icons/warning-large.png");
padding: 0;
margin: 0;
}
#sanitizeEverythingWarningDescBox {
padding: 0 16px;
margin: 0;
}