mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-23 21:01:08 +00:00
49e038648d
After bug 1867854, dialog windows on macOS no longer show desktop tinting on the window background. Since this requires a transparent Gecko background, the `-moz-mac-unified-toolbar-window` appearance added in bug 1870481 should be applied to every window. It has been renamed to reflect this. Differential Revision: https://phabricator.services.mozilla.com/D215596
73 lines
1.6 KiB
CSS
73 lines
1.6 KiB
CSS
/* 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/. */
|
|
|
|
@import url("chrome://global/skin/global-shared.css");
|
|
|
|
@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
|
|
@namespace html url("http://www.w3.org/1999/xhtml");
|
|
|
|
:root {
|
|
/* On macOS, top level windows are always opaque. This gives us the right
|
|
* default background color, without confusing Gecko about whether the window
|
|
* is transparent or not. */
|
|
-moz-default-appearance: -moz-mac-window;
|
|
appearance: auto;
|
|
}
|
|
|
|
/* ::::: Alert icons :::::*/
|
|
|
|
.message-icon,
|
|
.alert-icon,
|
|
.error-icon,
|
|
.question-icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 6px;
|
|
margin-inline-end: 20px;
|
|
}
|
|
|
|
.message-icon {
|
|
list-style-image: url("chrome://global/skin/icons/info.svg");
|
|
}
|
|
|
|
.alert-dialog #infoIcon,
|
|
.alert-icon {
|
|
list-style-image: url("chrome://global/skin/icons/warning-64.png");
|
|
}
|
|
|
|
.error-icon {
|
|
list-style-image: url("chrome://global/skin/icons/error-64.png");
|
|
}
|
|
|
|
.question-icon {
|
|
list-style-image: url("chrome://global/skin/icons/question-64.png");
|
|
}
|
|
|
|
/* Separators */
|
|
|
|
xul|separator:not([orient="vertical"]) {
|
|
height: 1.5em;
|
|
}
|
|
xul|separator[orient="vertical"] {
|
|
width: 1.5em;
|
|
}
|
|
|
|
xul|separator.thin:not([orient="vertical"]) {
|
|
height: 0.5em;
|
|
}
|
|
xul|separator.thin[orient="vertical"] {
|
|
width: 0.5em;
|
|
}
|
|
|
|
xul|separator.groove:not([orient="vertical"]) {
|
|
border-top: 1px solid #A3A3A3;
|
|
height: 0;
|
|
margin-block: 0.4em;
|
|
}
|
|
xul|separator.groove[orient="vertical"] {
|
|
border-left: 1px solid #A3A3A3;
|
|
width: 0;
|
|
margin-inline: 0.4em;
|
|
}
|