Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-21 01:05:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1374105 - Convert chrome://browser/skin/customizableui/menu-arrow.svg and its consumers to use SVG image context paint. r=johannh

Browse Source 
MozReview-Commit-ID: L9ElDgbJioP
This commit is contained in:
Jonathan Watt 2017-05-25 13:47:19 +01:00
parent 92094a74e0
commit 1dfbbc4cda
2 changed files with 8 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
browser/themes/windows/customizableui/menu-arrow.svg
View File

@ -1,26 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- 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/. -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="16" width="16" viewBox="0 0 16 16">
<style>
use:not(:target) {
display: none;
}
use {
fill: MenuText;
}
use[id$="-disabled"] {
fill: GrayText;
}
use[id$="-hover"] {
fill: HighlightText;
}
</style>
<defs>
<path id="arrow-shape" d="m 6,4 0,8 5,-4 z"/>
</defs>
<use id="arrow" xlink:href="#arrow-shape"/>
<use id="arrow-disabled" xlink:href="#arrow-shape"/>
<use id="arrow-hover" xlink:href="#arrow-shape"/>
<svg xmlns="http://www.w3.org/2000/svg"
height="16" width="16" viewBox="0 0 16 16">
<path fill="context-fill" d="m 6,4 0,8 5,-4 z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 828 B

After

Width:  |  Height:  |  Size: 359 B

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

@ -111,18 +111,20 @@ toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
menu.subviewbutton > .menu-right {
-moz-appearance: none;
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow);
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg);
-moz-context-properties: fill;
fill: MenuText;
/* Reset the rect we inherit from the button: */
-moz-image-region: auto;
}
menu[disabled="true"].subviewbutton > .menu-right {
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-disabled);
fill: GrayText;
}
@media (-moz-windows-default-theme: 0) {
menu[_moz-menuactive].subviewbutton > .menu-right {
list-style-image: url(chrome://browser/skin/customizableui/menu-arrow.svg#arrow-hover);
fill: HighlightText;
}
}