Commit5ef4439

committed

add tutorial title to continue

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

1 parentf2f515e commit5ef4439Copy full SHA for 5ef4439

File tree

+27

-4

lines changed

+27

-4

lines changed

Lines changed: 26 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -41,7 +41,29 @@ const styles = {`
`41`	`41`	`justifyContent:'flex-start'as'flex-start',`
`42`	`42`	`alignItems:'center'as'center',`
`43`	`43`	`},`
	`44`	`+buttonLarge:(theme:Theme)=>({`
	`45`	`+padding:'0.2rem 1rem',`
	`46`	+border:`solid 1px${theme['$color-line1-3']}`,
	`47`	`+borderRadius:'3px',`
	`48`	`+minHeight:'2rem',`
	`49`	`+fontSize:'16px',`
	`50`	`+backgroundColor:'white',`
	`51`	`+lineHeight:'1.5rem',`
	`52`	`+color:theme['$color-text1-4'],`
	`53`	`+'&:hover,&:focus':css({`
	`54`	`+backgroundColor:theme['$color-fill1-1'],`
	`55`	`+borderColor:theme['$color-line1-4'],`
	`56`	`+}),`
	`57`	`+}),`
	`58`	`+tutorialTitle:(theme:Theme)=>({`
	`59`	`+color:theme['$color-text1-3'],`
	`60`	`+fontSize:'12px',`
	`61`	`+}),`
`44`	`62`	`buttonContainer:{`
	`63`	`+display:'flex'as'flex',`
	`64`	`+flexDirection:'column'as'column',`
	`65`	`+justifyContent:'center'as'center',`
	`66`	`+alignItems:'center'as'center',`
`45`	`67`	`margin:'0.5rem',`
`46`	`68`	`},`
`47`	`69`	`}`
`@@ -72,9 +94,10 @@ export const StartPage = (props: Props) => (`
`72`	`94`	`</div>`
`73`	`95`	`{props.tutorial&&(`
`74`	`96`	`<divcss={styles.buttonContainer}>`
`75`		`-<Buttonsize="large"onClick={props.onContinue}style={{padding:'0 1rem'}}>`
`76`		`- Continue Current Tutorial`
`77`		`-</Button>`
	`97`	`+<buttononClick={props.onContinue}css={styles.buttonLarge}>`
	`98`	`+ Continue Tutorial`
	`99`	`+<divcss={styles.tutorialTitle}>"{props.tutorial.summary.title}"</div>`
	`100`	`+</button>`
`78`	`101`	`</div>`
`79`	`102`	`)}`
`80`	`103`	`</div>`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ storiesOf('Start', module)`
`21`	`21`	`.add('Continue',()=>{`
`22`	`22`	`consttutorial={`
`23`	`23`	`summary:{`
`24`		`-title:'Tutorial Title',`
	`24`	`+title:'Tutorial Title With A Really Long Name',`
`25`	`25`	`summary:'Tutorial Summary',`
`26`	`26`	`},`
`27`	`27`	`}`

Comments

(0)