Fix supporter list animation and wrapping

Raphiiko · Oct 13, 2024 · 8651c4f · 8651c4f
1 parent b564d24
commit 8651c4f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src-ui/app/views/dashboard-view/views/about-view/about-view.component.scss b/src-ui/app/views/dashboard-view/views/about-view/about-view.component.scss
@@ -249,6 +249,10 @@
   overflow: hidden;
   margin-left: -1em;
 
+  * {
+    white-space: nowrap;
+  }
+
   .supporters-label {
     flex-shrink: 0;
     font-size: 1.5em;

diff --git a/src-ui/app/views/dashboard-view/views/about-view/about-view.component.ts b/src-ui/app/views/dashboard-view/views/about-view/about-view.component.ts
@@ -138,9 +138,9 @@ export class AboutViewComponent implements OnInit, AfterViewInit, OnDestroy {
             list.style.opacity = '100%';
             return;
           }
-          list.scrollLeft += 0.5;
+          list.scrollLeft += 1;
           if (list.scrollLeft < list.scrollWidth - list.clientWidth) {
-            requestAnimationFrame(() => scrollToEnd());
+            setTimeout(() => scrollToEnd(), 16);
           } else {
             setTimeout(() => {
               list.style.opacity = '0%';