Adds smooth scrolling to settings jumps

gitkraken · Nov 30, 2018 · 6483c19 · 6483c19
1 parent edb0a17
commit 6483c19
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/ui/scss/main.scss b/src/ui/scss/main.scss
@@ -878,7 +878,7 @@ ul {
 
 .section-group__content {
     flex: auto 1 1;
-    margin-bottom: 50%;
+    margin-bottom: 100%;
     min-width: 0;
 }
 

diff --git a/src/ui/shared/app-base.ts b/src/ui/shared/app-base.ts
@@ -171,11 +171,11 @@ export abstract class App<TBootstrap extends Bootstrap> {
             height = header.clientHeight;
         }
 
-        el.scrollIntoView({
-            block: 'start',
-            behavior: 'auto'
+        const top = el.getBoundingClientRect().top - document.body.getBoundingClientRect().top - height;
+        window.scrollTo({
+            top: top,
+            behavior: 'smooth'
         });
-        window.scrollBy(0, -height);
 
         e.stopPropagation();
         e.preventDefault();