OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Make styles dynamic

pull/21833/head
Travis Ralston 2021-03-10 21:08:01 -07:00
parent 4ebd35f845
commit 7f52e78748
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/views/messages/MFileBody.js
View File

@ -222,6 +222,7 @@ export default class MFileBody extends React.Component {
const onIframeLoad = (ev) => { const onIframeLoad = (ev) => {
ev.target.contentWindow.postMessage({ ev.target.contentWindow.postMessage({
imgSrc: downloadIconUrl, imgSrc: downloadIconUrl,
imgStyle: null, // it handles this internally for us. Useful if a downstream changes the icon.
style: computedStyle(this._dummyLink.current), style: computedStyle(this._dummyLink.current),
blob: this.state.decryptedBlob, blob: this.state.decryptedBlob,
// Set a download attribute for encrypted files so that the file // Set a download attribute for encrypted files so that the file

8
src/usercontent/index.js
View File

@ -16,7 +16,7 @@ function remoteRender(event) {
// Apply image style after so we can steal the anchor's colour. // Apply image style after so we can steal the anchor's colour.
// Style copied from a rendered version of mx_MFileBody_download_icon // Style copied from a rendered version of mx_MFileBody_download_icon
img.style = "" + img.style = (data.imgStyle || "" +
"width: 12px; height: 12px;" + "width: 12px; height: 12px;" +
"-webkit-mask-size: 12px;" + "-webkit-mask-size: 12px;" +
"mask-size: 12px;" + "mask-size: 12px;" +
@ -24,10 +24,12 @@ function remoteRender(event) {
"mask-position: center;" + "mask-position: center;" +
"-webkit-mask-repeat: no-repeat;" + "-webkit-mask-repeat: no-repeat;" +
"mask-repeat: no-repeat;" + "mask-repeat: no-repeat;" +
"display: inline-block;") + "" +
// Always add these styles
`-webkit-mask-image: url('${data.imgSrc}');` + `-webkit-mask-image: url('${data.imgSrc}');` +
`mask-image: url('${data.imgSrc}');` + `mask-image: url('${data.imgSrc}');` +
`background-color: ${a.style.color};` + `background-color: ${a.style.color};`;
"display: inline-block;";
const body = document.body; const body = document.body;
// Don't display scrollbars if the link takes more than one line to display. // Don't display scrollbars if the link takes more than one line to display.