BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add transitions to cursors for smoothing

Browse Source
This commit is contained in:
KDSBrowne 2023-11-08 00:20:59 +00:00
parent 693183291d
commit c7149c931b
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bigbluebutton-html5/imports/ui/components/whiteboard/cursors/cursor/component.jsx
View File

@ -25,6 +25,8 @@ const Cursor = (props) => {
_y = (y + tldrawCamera?.point[1]) * tldrawCamera?.zoom; _y = (y + tldrawCamera?.point[1]) * tldrawCamera?.zoom;
} }
const transitionStyle = owner ? { transition: 'left 0.3s ease-out, top 0.3s ease-out' } : {};
return ( return (
<> <>
<div <div
@ -38,6 +40,7 @@ const Cursor = (props) => {
borderRadius: '50%', borderRadius: '50%',
background: `${color}`, background: `${color}`,
pointerEvents: 'none', pointerEvents: 'none',
...transitionStyle,
}} }}
/> />
@ -57,6 +60,7 @@ const Cursor = (props) => {
color: '#FFF', color: '#FFF',
backgroundColor: color, backgroundColor: color,
border: `1px solid ${color}`, border: `1px solid ${color}`,
...transitionStyle,
}} }}
data-test="whiteboardCursorIndicator" data-test="whiteboardCursorIndicator"
> >