nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Backed out 3 changesets (bug 1861020, bug 1860766) for causing permafailures on test_focus.xhtml. CLOSED TREE

Browse source 
Backed out changeset aae525447aff (bug 1861020)
Backed out changeset ca283022c693 (bug 1860766)
Backed out changeset 564a91732aa1 (bug 1860766)
This commit is contained in:
Natalia Csoregi 2023-10-26 02:55:41 +03:00
parent a958e79ad1
commit b730e4ddd5
22 changed files with 324 additions and 131 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

2
browser/themes/osx/places/organizer.css
View file

@ -75,7 +75,7 @@
}
#placesToolbar > toolbarbutton[type="menu"] > .toolbarbutton-menu-dropmarker {
content: url(chrome://global/skin/icons/arrow-down-12.svg);
list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
padding: 0;
margin-inline-end: 2px;
}

5
browser/themes/shared/browser-shared.css
View file

@ -718,7 +718,10 @@ menupopup::part(drop-indicator) {
justify-self: end;
margin-inline-end: 8px;
align-self: center;
content: url(chrome://global/skin/icons/arrow-down-12.svg);
}
.ac-dropmarker::part(icon) {
list-style-image: url(chrome://global/skin/icons/arrow-down-12.svg);
-moz-context-properties: fill;
fill: var(--input-color, -moz-DialogText);
}

4
browser/themes/shared/places/sidebar.css
View file

@ -89,7 +89,9 @@
#viewButton > .button-box > .button-menu-dropmarker {
appearance: none;
display: flex;
content: url("chrome://global/skin/icons/arrow-down-12.svg");
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
width: 12px;
height: 12px;
-moz-context-properties: fill;
fill: currentColor;
}

16
toolkit/content/widgets/general.js
View file

@ -7,6 +7,22 @@
// This is loaded into chrome windows with the subscript loader. Wrap in
// a block to prevent accidentally leaking globals onto `window`.
{
class MozDropmarker extends MozXULElement {
constructor() {
super();
let shadowRoot = this.attachShadow({ mode: "open" });
let stylesheet = document.createElement("link");
stylesheet.rel = "stylesheet";
stylesheet.href = "chrome://global/skin/dropmarker.css";
let image = document.createXULElement("image");
image.part = "icon";
shadowRoot.append(stylesheet, image);
}
}
customElements.define("dropmarker", MozDropmarker);
class MozCommandSet extends MozXULElement {
connectedCallback() {
if (this.getAttribute("commandupdater") === "true") {

2
toolkit/content/widgets/menulist.js
View file

@ -105,7 +105,7 @@
<label id="label" part="label" crop="end" flex="1" role="none"/>
<label id="highlightable-label" part="label" crop="end" flex="1" role="none"/>
</hbox>
<dropmarker part="dropmarker" type="menu" role="none"/>
<dropmarker part="dropmarker" exportparts="icon: dropmarker-icon" type="menu" role="none"/>
<html:slot/>
`;
}

5
toolkit/content/xul.css
View file

@ -260,11 +260,6 @@ button {
appearance: auto;
}
dropmarker {
-moz-default-appearance: -moz-menulist-arrow-button;
appearance: auto;
}
/******** browser, editor, iframe ********/
browser,

13
toolkit/themes/linux/global/button.css
View file

@ -60,3 +60,16 @@ button.plain {
margin: 0 !important;
padding: 0 !important;
}
button[type="disclosure"] {
margin: 0;
appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-right-12.svg");
-moz-context-properties: fill;
fill: currentColor;
min-width: 0;
}
button[type="disclosure"][open="true"] {
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}

1
toolkit/themes/linux/global/jar.mn
View file

@ -13,6 +13,7 @@ toolkit.jar:
skin/classic/global/richlistbox.css
skin/classic/global/tabbox.css
skin/classic/global/toolbar.css
skin/classic/global/toolbarbutton.css
skin/classic/global/icons/Authentication.png (icons/Authentication.png)

88
toolkit/themes/linux/global/toolbarbutton.css Normal file
View file

@ -0,0 +1,88 @@
/* 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/. */
/* ===== toolbarbutton.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
/* ::::: toolbarbutton ::::: */
toolbarbutton {
appearance: auto;
-moz-default-appearance: toolbarbutton;
margin: 0;
padding: 3px;
}
:root[lwtheme-image] toolbarbutton {
text-shadow: none;
}
.toolbarbutton-text {
margin: 0;
}
toolbarbutton:where([checked="true"]) {
color: ButtonText;
}
toolbarbutton:where(:hover) {
color: -moz-buttonhovertext;
}
toolbarbutton:where(:hover:active:not([disabled="true"])),
toolbarbutton:where([open="true"]) {
color: ButtonText;
}
toolbarbutton:where([disabled="true"]) {
color: GrayText;
}
toolbarbutton:-moz-lwtheme:not(:hover, [checked="true"], [open="true"], [disabled="true"]) {
text-shadow: inherit;
}
/* ::::: toolbarbutton menu ::::: */
.toolbarbutton-menu-dropmarker {
appearance: auto;
-moz-default-appearance: toolbarbutton-dropdown;
}
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;
}
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0;
}
.toolbarbutton-badge {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
background-color: #d90000;
font-size: 10px;
padding: 0 2px 1px;
color: #fff;
text-shadow: none;
border-radius: 2px;
box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
0 -1px 0 hsla(0, 0%, 0%, .1) inset,
0 1px 0 hsla(206, 50%, 10%, .2);
margin: -5px 0 0 !important;
margin-inline-end: -4px !important;
min-width: 14px;
max-width: 20px;
line-height: 10px;
text-align: center;
align-self: start;
justify-self: end;
}

1
toolkit/themes/osx/global/jar.mn
View file

@ -15,6 +15,7 @@ toolkit.jar:
skin/classic/global/tabprompts.css
skin/classic/global/tabbox.css
skin/classic/global/toolbar.css
skin/classic/global/toolbarbutton.css
skin/classic/global/wizard.css
skin/classic/global/arrow/panelarrow-vertical.svg (arrow/panelarrow-vertical.svg)
skin/classic/global/icons/search-textbox.svg (icons/search-textbox.svg)

59
toolkit/themes/osx/global/toolbarbutton.css Normal file
View file

@ -0,0 +1,59 @@
/* 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/. */
toolbarbutton {
margin: 0 2px;
padding: 3px 2px;
background-color: transparent;
}
.toolbarbutton-text {
margin: 0;
padding: 0;
vertical-align: middle;
}
toolbarbutton:where([disabled="true"]) {
color: -moz-mac-disabledtoolbartext;
}
/* ::::: toolbarbutton menu ::::: */
.toolbarbutton-menu-dropmarker,
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;
}
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
background-color: #d90000;
font-size: 9px;
padding: 1px 2px;
color: #fff;
text-shadow: none;
border-radius: 2px;
box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
0 -1px 0 hsla(0, 0%, 0%, .1) inset,
0 1px 0 hsla(206, 50%, 10%, .2);
margin: -5px 0 0 !important;
margin-inline-end: -4px !important;
min-width: 14px;
max-width: 20px;
line-height: 10px;
text-align: center;
align-self: start;
justify-self: end;
}
toolbar[mode="icons"] > *|* > .toolbarbutton-badge {
margin-inline-end: -10px !important;
}

2
toolkit/themes/shared/desktop-jar.inc.mn
View file

@ -34,6 +34,7 @@
skin/classic/global/design-system/tokens-brand.css (../../shared/design-system/tokens-brand.css)
skin/classic/global/design-system/tokens-shared.css (../../shared/design-system/tokens-shared.css)
skin/classic/global/design-system/tokens-platform.css (../../shared/design-system/tokens-platform.css)
skin/classic/global/dropmarker.css (../../shared/dropmarker.css)
skin/classic/global/error-pages.css (../../shared/error-pages.css)
skin/classic/global/findbar.css (../../shared/findbar.css)
skin/classic/global/global-shared.css (../../shared/global-shared.css)
@ -45,7 +46,6 @@
skin/classic/global/popup.css (../../shared/popup.css)
skin/classic/global/popupnotification.css (../../shared/popupnotification.css)
skin/classic/global/splitter.css (../../shared/splitter.css)
skin/classic/global/toolbarbutton.css (../../shared/toolbarbutton.css)
skin/classic/global/tree.css (../../shared/tree.css)
skin/classic/global/dirListing/dirListing.css (../../shared/dirListing/dirListing.css)
#ifdef XP_MACOSX

14
toolkit/themes/shared/dropmarker.css Normal file
View file

@ -0,0 +1,14 @@
/* 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/. */
:host {
appearance: auto;
-moz-default-appearance: -moz-menulist-arrow-button;
}
@media not (-moz-platform: linux) {
:host {
width: 16px;
height: 16px;
}
}

4
toolkit/themes/shared/global-shared.css
View file

@ -269,7 +269,9 @@ button.text-link .button-text {
&[type=menu] > .button-box > .button-menu-dropmarker {
appearance: none;
display: flex;
content: url("chrome://global/skin/icons/arrow-down-12.svg");
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
width: 12px;
height: 12px;
-moz-context-properties: fill;
fill: currentColor;
}

12
toolkit/themes/shared/in-content/common-shared.css
View file

@ -569,6 +569,18 @@ xul|menulist[image]::part(icon) {
margin-inline-end: 5px;
}
xul|menulist::part(dropmarker) {
appearance: none;
margin-inline-end: 4px;
padding: 0;
border: none;
background-color: transparent;
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
align-items: center;
-moz-context-properties: fill;
fill: currentColor;
}
xul|menulist > xul|menupopup {
appearance: none;

5
toolkit/themes/shared/menulist-shared.css
View file

@ -58,12 +58,13 @@
dropmarker {
pointer-events: none;
flex: 0;
:host(:not([native])) & {
display: flex;
appearance: none;
content: url(chrome://global/skin/icons/arrow-down-12.svg);
width: 12px;
height: unset;
list-style-image: url(chrome://global/skin/icons/arrow-down.svg);
-moz-context-properties: fill;
fill: currentColor;
}

6
toolkit/themes/shared/popupnotification.css
View file

@ -103,7 +103,11 @@ popupnotificationcontent {
.popup-notification-dropmarker > .button-box > .button-menu-dropmarker {
appearance: none;
display: flex;
content: url(chrome://global/skin/icons/arrow-down.svg);
padding: 0;
margin: 0;
width: 16px;
height: 16px;
list-style-image: url(chrome://global/skin/icons/arrow-down.svg);
-moz-context-properties: fill;
fill: currentColor;
}

116
toolkit/themes/shared/toolbarbutton.css
View file

@ -1,116 +0,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/. */
toolbarbutton {
appearance: auto;
-moz-default-appearance: toolbarbutton;
background-color: transparent;
margin: 0;
padding: 3px;
@media (-moz-platform: macos) {
appearance: none;
margin-inline: 2px;
padding-inline: 2px;
}
&:where([disabled="true"]) {
color: GrayText;
text-shadow: none;
}
@media not (prefers-contrast) {
:root[lwtheme-image] & {
text-shadow: none;
}
}
@media (-moz-platform: windows) {
&:focus-visible {
outline: var(--default-focusring);
outline-offset: calc(-1 * var(--default-focusring-width) - 1px);
}
}
@media (-moz-platform: linux) {
&:where(:hover) {
color: -moz-buttonhovertext;
}
&:where(
[checked="true"],
:hover:active:not([disabled="true"]),
[open="true"]
) {
color: ButtonText;
}
}
}
.toolbarbutton-text {
margin: 0;
padding: 0;
vertical-align: middle;
}
/* ::::: toolbarbutton menu ::::: */
.toolbarbutton-menu-dropmarker,
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
-moz-context-properties: fill;
fill: currentColor;
}
.toolbarbutton-menu-dropmarker {
content: url("chrome://global/skin/icons/arrow-down-12.svg");
}
.toolbarbutton-combined-buttons-dropmarker {
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
background-color: #d90000;
font-size: 10px;
padding: 0 2px 1px;
color: #fff;
text-shadow: none;
border-radius: 2px;
box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
0 -1px 0 hsla(0, 0%, 0%, .1) inset,
0 1px 0 hsla(206, 50%, 10%, .2);
margin: -5px 0 0 !important;
margin-inline-end: -4px !important;
min-width: 14px;
max-width: 20px;
line-height: 10px;
text-align: center;
align-self: start;
justify-self: end;
@media (-moz-platform: windows) {
font-weight: bold;
}
@media (-moz-platform: macos) {
font-size: 9px;
padding-top: 1px;
}
}
@media not (-moz-platform: macos) {
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0;
}
}
@media (-moz-platform: macos) {
toolbar[mode="icons"] > *|* > .toolbarbutton-badge {
margin-inline-end: -10px !important;
}
}

17
toolkit/themes/windows/global/button.css
View file

@ -73,9 +73,11 @@ button:where([disabled="true"]) {
.button-menu-dropmarker {
appearance: none;
content: url("chrome://global/skin/icons/arrow-down-12.svg");
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: 12px;
height: 12px;
}
/* ::::: plain buttons ::::: */
@ -84,3 +86,16 @@ button.plain {
margin: 0 !important;
padding: 0 !important;
}
button[type="disclosure"] {
margin: 0;
appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-right-12.svg");
-moz-context-properties: fill;
fill: currentColor;
min-width: 0;
}
button[type="disclosure"][open="true"] {
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
}

1
toolkit/themes/windows/global/jar.mn
View file

@ -14,6 +14,7 @@ toolkit.jar:
skin/classic/global/printPageSetup.css
skin/classic/global/richlistbox.css
skin/classic/global/toolbar.css
skin/classic/global/toolbarbutton.css
skin/classic/global/icons/Landscape.png (icons/Landscape.png)
skin/classic/global/icons/menu-check.svg (icons/menu-check.svg)
skin/classic/global/icons/Portrait.png (icons/Portrait.png)

1
toolkit/themes/windows/global/menulist.css
View file

@ -25,5 +25,6 @@
}
:host([native]) dropmarker {
margin-top: -2px;
margin-inline: 3px -3px;
}

81
toolkit/themes/windows/global/toolbarbutton.css Normal file
View file

@ -0,0 +1,81 @@
/* 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/. */
/* ===== toolbarbutton.css =====================================================
== Styles used by the XUL button element.
======================================================================= */
/* ::::: toolbarbutton ::::: */
toolbarbutton {
appearance: auto;
-moz-default-appearance: toolbarbutton;
margin: 0;
padding: 3px;
}
.toolbarbutton-text {
margin: 0;
}
toolbarbutton:-moz-focusring {
outline: var(--default-focusring);
outline-offset: calc(-1 * var(--default-focusring-width) - 1px);
}
toolbarbutton:where([disabled="true"]) {
color: GrayText;
text-shadow: none;
}
@media not (prefers-contrast) {
:root[lwtheme-image] toolbarbutton {
text-shadow: none;
}
}
:root[lwtheme-image] toolbarbutton:not([disabled="true"]) {
text-shadow: inherit;
}
/* ::::: toolbarbutton menu ::::: */
.toolbarbutton-menu-dropmarker,
.toolbarbutton-combined-buttons-dropmarker {
appearance: none;
list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg");
-moz-context-properties: fill;
fill: currentColor;
width: auto;
}
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
margin-inline-end: 0;
}
.toolbarbutton-badge {
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
background-color: #d90000;
font-size: 10px;
font-weight: bold;
padding: 0 2px 1px;
color: #fff;
text-shadow: none;
border-radius: 2px;
box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
0 -1px 0 hsla(0, 0%, 0%, .1) inset,
0 1px 0 hsla(206, 50%, 10%, .2);
margin: -5px 0 0 !important;
margin-inline-end: -4px !important;
min-width: 14px;
max-width: 20px;
line-height: 10px;
text-align: center;
align-self: start;
justify-self: end;
}