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

Merge pull request #3513 from matrix-org/travis/mask-eye 

Use a mask instead of an img for "Show image" eye
pull/21833/head
Travis Ralston 2019-10-07 12:45:22 +01:00 committed by GitHub
parent 7d96517139 0491b742c2
commit c547367b62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
res/css/views/messages/_MImageBody.scss
View File

@ -79,11 +79,17 @@ limitations under the License.
.mx_HiddenImagePlaceholder_button { .mx_HiddenImagePlaceholder_button {
color: $accent-color; color: $accent-color;
img { span.mx_HiddenImagePlaceholder_eye {
margin-right: 8px; margin-right: 8px;
background-color: $accent-color;
mask-image: url('$(res)/img/feather-customised/eye.svg');
display: inline-block;
width: 18px;
height: 14px;
} }
span { span:not(.mx_HiddenImagePlaceholder_eye) {
vertical-align: text-bottom; vertical-align: text-bottom;
} }
} }

2
src/components/views/messages/MImageBody.js
View File

@ -496,7 +496,7 @@ export class HiddenImagePlaceholder extends React.PureComponent {
return ( return (
<div className={className}> <div className={className}>
<div className='mx_HiddenImagePlaceholder_button'> <div className='mx_HiddenImagePlaceholder_button'>
<img src={require("../../../../res/img/feather-customised/eye.svg")} width={17} height={12} /> <span className='mx_HiddenImagePlaceholder_eye' />
<span>{_t("Show image")}</span> <span>{_t("Show image")}</span>
</div> </div>
</div> </div>