Commit9dc4ef5

committed

tighten hint css

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

1 parentf705123 commit9dc4ef5Copy full SHA for 9dc4ef5

File tree

-8

lines changed

web-app
- src/containers/Tutorial/components
  - Hints.tsx
- stories
  - Step.stories.tsx

-8

lines changed

Lines changed: 8 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,20 @@`
`1`	`1`	`import*asReactfrom'react'`
	`2`	`+import{css,jsx}from'@emotion/core'`
`2`	`3`	`importMarkdownfrom'../../../components/Markdown'`
`3`	`4`	`importButtonfrom'../../../components/Button'`
`4`	`5`
`5`	`6`	`conststyles={`
`6`	`7`	`hints:{`
`7`		`-marginTop:'1rem',`
	`8`	`+marginTop:'0.5rem',`
`8`	`9`	`},`
`9`	`10`	`hintList:{`
`10`	`11`	`marginBottom:'0.5rem',`
`11`	`12`	`},`
`12`	`13`	`hint:{`
`13`		`-margin:'0.5rem 0',`
	`14`	`+marginBottom:'0.5rem',`
`14`	`15`	`backgroundColor:'rgba(255,229,100,0.3)',`
`15`	`16`	`borderLeft:'#ffe564',`
`16`		`-padding:'0.5rem',`
	`17`	`+padding:'0 0.5rem',`
`17`	`18`	`},`
`18`	`19`	`}`
`19`	`20`
`@@ -32,13 +33,13 @@ const Hints = (props: Props) => {`
`32`	`33`	`props.setHintIndex(props.hintIndex+1)`
`33`	`34`	`}`
`34`	`35`	`return(`
`35`		`-<divstyle={styles.hints}>`
`36`		`-<divstyle={styles.hintList}>`
	`36`	`+<divcss={styles.hints}>`
	`37`	`+<divcss={styles.hintList}>`
`37`	`38`	`{/* only show revealed hints */}`
`38`	`39`	`{props.hints.map((h,i)=>{`
`39`	`40`	`returni<=props.hintIndex ?(`
`40`		`-<divkey={i}style={styles.hint}>`
`41`		`-<Markdown>{h}</Markdown>`
	`41`	`+<divkey={i}css={styles.hint}>`
	`42`	`+<Markdowncss={styles.hint}>{h}</Markdown>`
`42`	`43`	`</div>`
`43`	`44`	`) :null`
`44`	`45`	`})}`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -123,7 +123,7 @@ storiesOf('Step', module)`
`123`	`123`	`onLoadSolution={action('onLoadSolution')}`
`124`	`124`	`subtasks={null}`
`125`	`125`	`hints={['First hint!','Second hint!']}`
`126`		`-hintIndex={0}`
	`126`	`+hintIndex={1}`
`127`	`127`	`setHintIndex={action('setHintIndex')}`
`128`	`128`	`/>`
`129`	`129`	`))`

Comments

(0)