PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix Icon (#9401)

Browse source
This commit is contained in:
Michael Weimann 2022-10-12 19:21:32 +02:00 committed by GitHub
parent b871456681
commit 7cb2f941d3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/components/atoms/_Icon.pcss
View file

@ -15,9 +15,13 @@ limitations under the License.
*/ */
.mx_Icon { .mx_Icon {
box-sizing: border-box;
display: inline-block;
mask-origin: content-box;
mask-position: center; mask-position: center;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: contain; mask-size: contain;
padding: 1px;
} }
.mx_Icon_16 { .mx_Icon_16 {

1
src/components/atoms/Icon.tsx
View file

@ -56,6 +56,7 @@ export const Icon: React.FC<IconProps> = ({
const styles: React.CSSProperties = { const styles: React.CSSProperties = {
maskImage: `url("${iconTypeMap.get(type)}")`, maskImage: `url("${iconTypeMap.get(type)}")`,
WebkitMaskImage: `url("${iconTypeMap.get(type)}")`,
}; };
return ( return (