Resolves #559

Adds .comment_highlighting class after scrolling to comment.
umputun · Apr 12, 2020 · 49dd5bd · 49dd5bd
1 parent 2e47fde
commit 49dd5bd
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss b/frontend/app/components/comment/_theme/_dark/comment_theme_dark.scss
@@ -95,4 +95,8 @@
       }
     }
   }
+
+  &.comment_highlighting {
+    background: var(--color19);
+  }
 }
diff --git a/frontend/app/components/comment/_theme/_light/comment_theme_light.scss b/frontend/app/components/comment/_theme/_light/comment_theme_light.scss
@@ -95,4 +95,8 @@
       }
     }
   }
+
+  &.comment_highlighting {
+    background: var(--color4);
+  }
 }
diff --git a/frontend/app/components/root/root.tsx b/frontend/app/components/root/root.tsx
@@ -136,6 +136,10 @@ export class Root extends Component<Props, State> {
       if (comment) {
         setTimeout(() => {
           postMessage({ scrollTo: comment.getBoundingClientRect().top });
+          comment.classList.add('comment_highlighting');
+          setTimeout(() => {
+            comment.classList.remove('comment_highlighting');
+          }, 5e3);
         }, 500);
       }
     }