Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-17 23:35:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1705539, move panel rules out of toolkit style sheets and into browser.css r=Gijs

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D112375
This commit is contained in:
Emma Malysz 2021-04-19 23:34:36 +00:00
parent 91572af027
commit d9dacff0ad
9 changed files with 148 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
browser/themes/linux/controlcenter/panel.css
View File

@ -24,3 +24,39 @@
.protections-popup-tp-switch:-moz-focusring {
outline: 1px dotted;
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"] {
margin-block: -16px;
}
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-24px - 2 * var(--urlbar-container-padding));
}
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-20px + 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="left"],
#protections-popup[type="arrow"][side="right"] {
margin-block: calc(-20px + 2 * var(--urlbar-container-padding));
}
} /** END Proton **/

12
browser/themes/linux/customizableui/panelUI.css
View File

@ -10,6 +10,18 @@
* platform.
*/
@media (-moz-proton) {
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -13px;
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -13px;
}
} /** END Proton **/
#BMB_bookmarksPopup menupopup {
appearance: none;
background: var(--arrowpanel-background);

30
browser/themes/osx/controlcenter/panel.css
View File

@ -17,3 +17,33 @@
#identity-popup-securityView-body > button:-moz-focusring {
box-shadow: var(--focus-ring-box-shadow);
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="bottom"],
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-12px - 2 * var(--urlbar-container-padding));
}
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"],
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-12px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-16px + 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="left"],
#protections-popup[type="arrow"][side="right"] {
margin-block: calc(-16px + 2 * var(--urlbar-container-padding));
}
} /** END Proton **/

22
browser/themes/osx/customizableui/panelUI.css
View File

@ -5,6 +5,28 @@
%include ../../shared/customizableui/panelUI.inc.css
%include ../../shared/customizableui/panelUI-custom-colors.inc.css
@media (-moz-proton) {
panel[type="arrow"][side="top"],
panel[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-block: -16px;
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -8px;
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -8px;
}
} /** END Proton **/
.restoreallitem > .toolbarbutton-icon {
display: none;
}

36
browser/themes/windows/controlcenter/panel.css
View File

@ -4,6 +4,42 @@
%include ../../shared/controlcenter/panel.inc.css
@media (-moz-proton) {
#identity-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"] {
margin-block: -16px;
}
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-24px - 2 * var(--urlbar-container-padding));
}
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-20px + 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="left"],
#protections-popup[type="arrow"][side="right"] {
margin-block: calc(-20px + 2 * var(--urlbar-container-padding));
}
} /** END Proton **/
.protections-popup-tp-switch:-moz-focusring {
outline: 1px dotted;
outline-offset: unset;

12
browser/themes/windows/customizableui/panelUI.css
View File

@ -5,6 +5,18 @@
%include ../../shared/customizableui/panelUI.inc.css
%include ../../shared/customizableui/panelUI-custom-colors.inc.css
@media (-moz-proton) {
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -13px;
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -13px;
}
} /** END Proton **/
/* bookmark panel submenus */
#BMB_bookmarksPopup menupopup[placespopup=true] {

48
toolkit/themes/linux/global/popup.css
View File

@ -28,59 +28,11 @@ panel[type="arrow"][side="bottom"] {
margin-inline: -20px;
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-20px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -13px;
}
} /** END Proton **/
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-block: -20px;
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"] {
margin-block: -16px;
}
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="left"],
#protections-popup[type="arrow"][side="right"] {
margin-block: calc(-20px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -13px;
}
} /** END Proton **/
.panel-arrowcontent {
padding: var(--arrowpanel-padding);
color: var(--arrowpanel-color);

50
toolkit/themes/osx/global/popup.css
View File

@ -31,55 +31,6 @@ panel[type="arrow"] {
background: transparent;
}
panel[type="arrow"][side="top"],
panel[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
#identity-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="bottom"],
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-12px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-16px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -8px;
}
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-block: -16px;
}
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"],
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-12px - 2 * var(--urlbar-container-padding));
}
#protections-popup[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#protections-popup[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: calc(-16px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -8px;
}
@media not (-moz-proton) {
panel[type="arrow"][side="top"],
panel[type="arrow"][side="bottom"] {
margin-inline: -25px;
@ -89,7 +40,6 @@ panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-block: -25px;
}
} /** END not Proton **/
.panel-arrowcontent {
appearance: none;

48
toolkit/themes/windows/global/popup.css
View File

@ -81,59 +81,11 @@ panel[type="arrow"][side="bottom"] {
margin-inline: -20px;
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="top"],
#notification-popup[type="arrow"][side="top"],
#identity-popup[type="arrow"][side="bottom"],
#notification-popup[type="arrow"][side="bottom"] {
margin-inline: -16px;
}
#permission-popup[type="arrow"][side="top"],
#permission-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="top"],
#protections-popup[type="arrow"][side="bottom"] {
margin-inline: calc(-20px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="top"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="bottom"] {
margin-inline: -13px;
}
} /** END Proton **/
panel[type="arrow"][side="left"],
panel[type="arrow"][side="right"] {
margin-block: -20px;
}
@media (-moz-proton) {
#identity-popup[type="arrow"][side="left"],
#identity-popup[type="arrow"][side="right"],
#notification-popup[type="arrow"][side="left"],
#notification-popup[type="arrow"][side="right"] {
margin-block: -16px;
}
#permission-popup[type="arrow"][side="left"],
#permission-popup[type="arrow"][side="right"] {
margin-block: calc(-24px - 2 * var(--urlbar-container-padding));
}
#protections-popup[type="arrow"][side="left"],
#protections-popup[type="arrow"][side="right"] {
margin-block: calc(-20px + 2 * var(--urlbar-container-padding));
}
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="left"],
#customizationui-widget-panel[viewId="PanelUI-profiler"][type="arrow"][side="right"] {
margin-block: -13px;
}
} /** END Proton **/
.panel-arrowcontent {
padding: var(--arrowpanel-padding);
color: var(--arrowpanel-color);