mirror of
https://github.com/transmission/transmission
synced 2024-12-23 00:04:06 +00:00
fix: chrome needs vendor prefix(-webkit-) for mask (#4056)
This commit is contained in:
parent
09bb1a60f0
commit
f116407941
2 changed files with 8 additions and 0 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in a new issue