mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-22 09:15:41 +03:00
Code Issues Projects Releases Packages Wiki Activity

Honour prefers reduced motion for read receipts

Browse source
This commit is contained in:
Germain Souquet 2021-04-08 11:05:45 +01:00
parent 86d2e577cf
commit 1d75726a75
3 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
res/css/_common.scss
View file

@ -28,6 +28,16 @@ $MessageTimestamp_width_hover: calc($MessageTimestamp_width - 2 * $EventTile_e2e
:root { :root {
font-size: 10px; font-size: 10px;
--transition-short: .1s;
--transition-standard: .3s;
}
@media (prefers-reduced-motion) {
:root {
--transition-short: 0;
--transition-standard: 0;
}
} }
html { html {

4
res/css/views/rooms/_EventTile.scss
View file

@ -284,8 +284,8 @@ $left-gutter: 64px;
width: $font-14px; width: $font-14px;
transition: transition:
left .1s ease-out, left var(--transition-short) ease-out,
top .3s ease-out; top var(--transition-standard) ease-out;
} }
.mx_EventTile_readAvatarRemainder { .mx_EventTile_readAvatarRemainder {

2
src/Velociraptor.js
View file

@ -73,7 +73,7 @@ export default class Velociraptor extends React.Component {
} }
}); });
console.log("translation: "+oldNode.style.left+" -> "+c.props.style.left); // console.log("translation: "+oldNode.style.left+" -> "+c.props.style.left);
} }
if (oldNode && oldNode.style.visibility === 'hidden' && c.props.style.visibility === 'visible') { if (oldNode && oldNode.style.visibility === 'hidden' && c.props.style.visibility === 'visible') {
oldNode.style.visibility = c.props.style.visibility; oldNode.style.visibility = c.props.style.visibility;