Skip to content

Feature/emotion #70

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 9 commits into from
Jan 12, 2020
Merged

Feature/emotion #70

Changes from 1 commit
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
e4c58ac
add emotion to styles
ShMcK Jan 11, 2020
7f275bf
setup customer-cra
ShMcK Jan 11, 2020
fb0dd7c
configure storybook with emotion
ShMcK Jan 12, 2020
457cdc6
setup config override rules for emotion styles
ShMcK Jan 12, 2020
e6eaf21
cleanup config overrides
ShMcK Jan 12, 2020
54d146e
fix csp issue
ShMcK Jan 12, 2020
7d5d5c0
fix config styles
ShMcK Jan 12, 2020
e5072dc
fix overview page footer styles
ShMcK Jan 12, 2020
453d8ec
cleanup @emotion imports
ShMcK Jan 12, 2020
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
fix overview page footer styles
  • Loading branch information
@ShMcK
ShMcK committed Jan 12, 2020
commit e5072dcaee0d4b0e4371a413301e22eecbbb0d12
9 changes: 5 additions & 4 deletions web-app/src/containers/Overview/OverviewPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import * as React from 'react'
import * as G from 'typings/graphql'
import { css, jsx } from '@emotion/core'
import Button from '../../components/Button'
import Markdown from '../../components/Markdown'

Expand Down Expand Up @@ -30,9 +29,11 @@ const styles = {
levelList: {
padding: '0rem 1rem',
},
options: {
position: 'absolute' as 'absolute',
footer: {
position: 'fixed' as 'fixed',
bottom: 0,
left: 0,
right: 0,
display: 'flex' as 'flex',
flexDirection: 'row' as 'row',
alignItems: 'center' as 'center',
Expand Down Expand Up @@ -79,7 +80,7 @@ const Summary = ({ title, description, levels, onNext }: Props) => (
</div>
</div>

<div css={styles.options}>
<div css={styles.footer}>
{/* TODO Add back button */}
<Button type="primary" onClick={() => onNext()}>
Start
Expand Down