Fix icon display in chrome (#2385)

* fix icon display in chrome #2384
nextcloud · Apr 21, 2022 · 85c587f · 85c587f
1 parent b7ffce5
commit 85c587f
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/js/assets/scss/icons-md.scss b/src/js/assets/scss/icons-md.scss
@@ -6,6 +6,9 @@
 // masked svg background icon
 @mixin masked-icon($url, $color: var(--icon-md-color-default)) {
     -webkit-mask-image: $url;
+	-webkit-mask-repeat: no-repeat;
+	-webkit-mask-position: center;
+	-webkit-mask-size: var(--icon-size);
     mask-image: $url;
 	mask-repeat: no-repeat;
 	mask-position: center;
@@ -14,6 +17,7 @@
 
 	&.empty-content__icon {
 		mask-size: 64px;
+		-webkit-mask-size: 64px;
 	}
 }
 
@@ -164,6 +168,7 @@
 	background-color: var(--color-polls-foreground-no) !important;
 	@include masked-icon(var(--icon-md-cancel));
 	mask-size: 100%;
+	-webkit-mask-size: 100%;
 }
 
 .icon-mask-md-maybe-vote,