fix(RollingText): inherit width from parent (codesandbox#2115)

RafaelKr · CompuIves · commit 5f14f25e6e5e · 2019-07-04T17:00:12.000+02:00
* fix(RollingText): inherit width from parent Fixes codesandbox#2114 The container for the old children should also inherit it's width from parent. RollingText is used in the Title- and the Frameworks-component and they both seem to behave correctly now. * Add @RafaelKr as a contributor
diff --git a/.all-contributorsrc b/.all-contributorsrc
@@ -1280,6 +1280,16 @@
       "contributions": [
         "doc"
       ]
+    },
+    {
+      "login": "RafaelKr",
+      "name": "Rafael",
+      "avatar_url": "https://avatars1.githubusercontent.com/u/14234815?v=4",
+      "profile": "https://github.com/RafaelKr",
+      "contributions": [
+        "bug",
+        "code"
+      ]
     }
   ],
   "repoType": "github",
diff --git a/README.md b/README.md
diff --git a/packages/homepage/src/components/RollingText.js b/packages/homepage/src/components/RollingText.js
@@ -52,7 +52,7 @@ export default class RollingText extends React.Component {
         style={{ display: 'inline-block', position: 'relative', ...style }}
       >
         <div
-          style={{ position: 'absolute', left: 0 }}
+          style={{ position: 'absolute', left: 0, width: 'inherit' }}
           ref={el => {
             this.fadeout = el;
           }}

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ export default class RollingText extends React.Component {`
`52`	`52`	`style={{ display: 'inline-block', position: 'relative', ...style }}`
`53`	`53`	`>`
`54`	`54`	`<div`
`55`		`- style={{ position: 'absolute', left: 0 }}`
	`55`	`+ style={{ position: 'absolute', left: 0, width: 'inherit' }}`
`56`	`56`	`ref={el => {`
`57`	`57`	`this.fadeout = el;`
`58`	`58`	`}}`