diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-06-28 14:04:27 +0200 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-06-28 14:04:27 +0200 |
commit | ecc6e06e92f23b16817985e87b2e997b754f527d (patch) | |
tree | 38eed15bfb8fe63113a8db7e71daf1229cb2425d /src/client/react/components/presentational/WeekSelector.scss | |
parent | 9efc432e160b429a0643c38e28140bcf42af30a7 (diff) |
Move setWeek to an action
Diffstat (limited to 'src/client/react/components/presentational/WeekSelector.scss')
-rw-r--r-- | src/client/react/components/presentational/WeekSelector.scss | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/client/react/components/presentational/WeekSelector.scss b/src/client/react/components/presentational/WeekSelector.scss new file mode 100644 index 0000000..dd71fea --- /dev/null +++ b/src/client/react/components/presentational/WeekSelector.scss @@ -0,0 +1,40 @@ +.WeekSelector { + display: flex; + padding: 8px; + padding-bottom: 0; + background-color: #F44336; + color: white; + align-items: center; + + .text { + flex-grow: 1; + text-align: center; + } + + button { + background-color: initial; + border: initial; + color: inherit; + padding: 8px; + border-radius: 4px; + + svg { + font-size: 2em; + } + + &:focus { + background-color: #D32F2F; + outline: none; + } + + &:active { + background-color: #B81111; + outline: none; + } + + &::-moz-focus-inner { + /* Remove the dotted line outline from Firefox */ + border: 0; + } + } +} |