gecko-dev/browser/themes/osx/webRTC-indicator.css

52 строки
1.1 KiB
CSS

%if 0
/* 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/. */
%endif
@namespace html url("http://www.w3.org/1999/xhtml");
%include ../shared/webRTC-indicator.inc.css
/**
* On macOS, the ordering of the drag indicator and window controls is reversed
* to be more native. We re-order all items including their separators so that
* the markup and separator hiding and showing logic in the shared CSS file
* doesn't need to be macOS-specific.
*/
#window-controls {
order: 1;
}
#display-share + .separator {
order: 2;
}
#display-share {
order: 3;
}
#device-share + .separator {
order: 4;
}
#device-share {
order: 5;
}
#drag-indicator {
order: 6;
}
/**
* The minimize button on macOS should be circular, and the icon should be
* centered. The asset we have for the minimize icon puts it along the bottom,
* so we manually offset it here.
*/
#minimize {
background-position: center -5px;
padding: 8px;
border: 1px solid transparent;
border-radius: 1000px;
}