Added fade in effect to avoid jumping

This commit is contained in:
Rainer Simon 2020-04-12 10:04:00 +02:00
parent 8cf539c4d4
commit 8600415fa9
2 changed files with 8 additions and 0 deletions

View File

@ -7,6 +7,9 @@ const setPosition = (wrapperEl, editorEl, annotationBounds) => {
// Re-set orientation class
editorEl.className = 'r6o-editor';
// Set visible
editorEl.style.opacity = 1;
// Default orientation
const { x, y, height, top, right } = annotationBounds;
editorEl.style.top = `${y + height + scrollY - offsetTop}px`;

View File

@ -10,6 +10,11 @@
margin-left:-14px;
width:400px;
color:$standard-type;
opacity:0;
-webkit-transition:opacity 0.1s ease-in-out;
-moz-transition:opacity 0.1s ease-in-out;
transition:opacity 0.1s ease-in-out;
.arrow {
position:absolute;