diff options
Diffstat (limited to 'src/client/react/components/container/WeekSelector.css')
-rw-r--r-- | src/client/react/components/container/WeekSelector.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/src/client/react/components/container/WeekSelector.css b/src/client/react/components/container/WeekSelector.css new file mode 100644 index 0000000..2ca5a0f --- /dev/null +++ b/src/client/react/components/container/WeekSelector.css @@ -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; +} + +.WeekSelector button { + background-color: initial; + border: initial; + color: inherit; + padding: 8px; + border-radius: 4px; +} + +.WeekSelector svg { + font-size: 2em; +} + +.WeekSelector button:focus { + background-color: #D32F2F; + outline: none; +} + +.WeekSelector button:active { + background-color: #B81111; + outline: none; + } + +.WeekSelector button::-moz-focus-inner { + /* Remove the dotted line outline from Firefox */ + border: 0; +} |