Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-26 22:32:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1913285 - [devtools] Stop using mask-image for source debugger icon r=devtools-reviewers,nchevobbe

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D219229
This commit is contained in:
Julian Descottes 2024-08-16 09:03:14 +00:00
parent 1910ca7633
commit 257e03c2ad
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
devtools/client/debugger/images/file-small.svg
View File

@ -1,6 +1,6 @@
<!-- 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" viewBox="0 0 12 12" width="12" height="12">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12" fill="context-fill">
<path d="M1 1a1 1 0 0 1 1-1h5.74a1 1 0 0 1 .82.42l2.25 3.16a1 1 0 0 1 .19.58V11a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V1zm6.74 0H2v10h8V4.16L7.74 1zM7 4V1h1v3h2v1H8a1 1 0 0 1-1-1z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 479 B

After

Width:  |  Height:  |  Size: 499 B

7
devtools/client/debugger/src/components/shared/AccessibleImage.css
View File

@ -86,8 +86,11 @@
}
.img.file {
mask-image: url(chrome://devtools/content/debugger/images/file-small.svg);
mask-size: 12px 12px;
background-image: url(chrome://devtools/content/debugger/images/file-small.svg);
background-size: 12px 12px;
background-color: transparent !important;
-moz-context-properties: fill;
fill: var(--theme-icon-color);
}
.img.folder {