mirror
/
transmission
mirror of https://github.com/transmission/transmission
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: chrome needs vendor prefix(-webkit-) for mask (#4056)

This commit is contained in:
Hakjoon Sim 2022-11-04 13:01:17 +09:00 committed by GitHub
parent 09bb1a60f0
commit f116407941
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/assets/css/transmission-app.scss
View File

@ -369,13 +369,19 @@ $video-image: '../img/film.svg';
@mixin mime-icon($mime-icon) {
// background-image: url($mime-icon);
background-color: var(--color-fg-primary);
-webkit-mask-image: url($mime-icon);
mask-image: url($mime-icon);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
&[data-icon-multifile='true'] {
-webkit-mask-image: url($mime-icon), url($folder-image);
mask-image: url($mime-icon), url($folder-image);
-webkit-mask-position: top left, bottom right;
mask-position: top left, bottom right;
-webkit-mask-repeat: no-repeat, no-repeat;
mask-repeat: no-repeat, no-repeat;
-webkit-mask-size: 16px, 16px;
mask-size: 16px, 16px;
}
}
@ -437,6 +443,7 @@ $video-image: '../img/film.svg';
.icon {
flex-shrink: 0;
height: $icon-size;
-webkit-mask-size: $icon-size, $icon-size-num * 0.5px;
mask-size: $icon-size, $icon-size-num * 0.5px;
width: $icon-size;

1
web/stylelint.config.js
View File

@ -27,6 +27,7 @@ module.exports = {
"primer/no-undefined-vars": true,
"primer/no-unused-vars": true,
"property-no-unknown": true,
"property-no-vendor-prefix": null,
"scss/at-rule-no-unknown": true,
"selector-attribute-quotes": null,
"selector-max-compound-selectors": null,