diff --git a/src/components/Header/style.css b/src/components/Header/style.css index 49fb87f..6574afc 100644 --- a/src/components/Header/style.css +++ b/src/components/Header/style.css @@ -56,7 +56,7 @@ text-decoration: underline; } - & svg { + & a svg { display: inline-block; width: 1em; height: 1em; diff --git a/src/components/LocaleSwitcher/__snapshots__/test.js.snap b/src/components/LocaleSwitcher/__snapshots__/test.js.snap index 303aac8..3b4a583 100644 --- a/src/components/LocaleSwitcher/__snapshots__/test.js.snap +++ b/src/components/LocaleSwitcher/__snapshots__/test.js.snap @@ -5,10 +5,14 @@ exports[`LocaleSwitcher rendering 1`] = ` Language - + + `; diff --git a/src/components/LocaleSwitcher/index.js b/src/components/LocaleSwitcher/index.js index c49f6c3..253b742 100644 --- a/src/components/LocaleSwitcher/index.js +++ b/src/components/LocaleSwitcher/index.js @@ -3,6 +3,7 @@ import { translate, Trans } from 'react-i18next'; import i18n from 'i18next'; import style from './style.css'; +import ExpandIcon from 'feather-icons/dist/icons/chevrons-down.svg'; import locales from 'locales'; @@ -52,11 +53,14 @@ class LocaleSwitcher extends React.PureComponent { return ; } } diff --git a/src/components/LocaleSwitcher/style.css b/src/components/LocaleSwitcher/style.css index 2562496..3fabf9d 100644 --- a/src/components/LocaleSwitcher/style.css +++ b/src/components/LocaleSwitcher/style.css @@ -1,3 +1,11 @@ -.switcher { - margin-left: 1ex; +@import url('../../globals.css'); + +:root { + --control-gradient: var(--color-tan) var(--gradient-tan); + --select-height: 2.4rem; + --select-width: 10rem; +} + +.switcher { + @apply --fancy-select; } diff --git a/src/globals.css b/src/globals.css index 31a544b..4d1427f 100644 --- a/src/globals.css +++ b/src/globals.css @@ -11,6 +11,9 @@ --gradient-green: linear-gradient(to bottom, var(--color-green) 0%, color(var(--color-green) shade(40%)) 100%); + --gradient-tan: linear-gradient(to bottom, + var(--color-tan) 0%, + color(var(--color-tan) shade(40%)) 100%); --header-height: 6rem; --content-margin: 2rem;