Merge pull request #549 from CasperVonPfaler/hotfix/fix-scrolling-marquee-on-splash-page

Fix scrolling marquee text overlapping on safari

Author: skipjack

components/splash-viz/splash-viz.jsx

@@ -11,7 +11,7 @@ export default class SplashViz extends React.Component {
       <section className="splash-viz">
         <h1 className="splash-viz__heading">
           <span> bundle your</span>
-          <TextRotator repeatDelay={ 5000 } maxWidth={ 110 }>
+          <TextRotator delay={ 5000 } repeatDelay={ 5000 } maxWidth={ 110 }>
             <span> assets </span>
             <span> scripts </span>
             <span> images </span>

components/text-rotater/text-rotater-style.scss

@@ -39,4 +39,8 @@
   display: inline-flex;
   flex-direction: column;
   text-align: left;
+
+  > * {
+    flex-shrink: 0;
+  }
 }