diff options
| author |  Mikkel Tønder <71938724+Mikkel-T@users.noreply.github.com>
| 2021-10-01 21:09:10 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-10-01 15:09:10 -0400 |
| commit | c1aa4b4d2ddf9775270bce00fbc4510f914f9cdf (patch) | |
| tree | ec76271e02cafe6a158607c85a780b7aa99d643c | |
| parent | b5f1bd46ff80d802e31b3eb1f875cfefa046b58c (diff) | |
| download | astro-c1aa4b4d2ddf9775270bce00fbc4510f914f9cdf.tar.gz astro-c1aa4b4d2ddf9775270bce00fbc4510f914f9cdf.tar.zst astro-c1aa4b4d2ddf9775270bce00fbc4510f914f9cdf.zip | |
docs: Improvements to language select and theme toggle (#1473)
| -rw-r--r-- | docs/src/components/Header/LanguageSelect.css | 28 | ||||
| -rw-r--r-- | docs/src/components/RightSidebar/ThemeToggleButton.css | 1 |
2 files changed, 5 insertions, 24 deletions
diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css index 5411e50dc..f7b42c1e7 100644 --- a/docs/src/components/Header/LanguageSelect.css +++ b/docs/src/components/Header/LanguageSelect.css @@ -20,6 +20,10 @@ transition-timing-function: ease-out; transition-duration: 0.2s; transition-property: border-color, color; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: 97%; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; -webkit-font-smoothing: antialiased; -webkit-appearance: none; } @@ -39,32 +43,8 @@ pointer-events: none; } -.language-select-wrapper::before, -.language-select-wrapper::after { - position: absolute; - top: 18px; - content: ''; - width: 8px; - height: 1px; - background: var(--theme-text-light); -} -.language-select-wrapper::before { - right: 10px; - transform: rotate(45deg); -} -.language-select-wrapper::after { - right: 5px; - transform: rotate(-45deg); -} - @media (min-width: 50em) { .language-select { width: 100%; } - .language-select-wrapper::before { - right: 16px; - } - .language-select-wrapper::after { - right: 11px; - } } diff --git a/docs/src/components/RightSidebar/ThemeToggleButton.css b/docs/src/components/RightSidebar/ThemeToggleButton.css index 7de231d1b..b0f1b535b 100644 --- a/docs/src/components/RightSidebar/ThemeToggleButton.css +++ b/docs/src/components/RightSidebar/ThemeToggleButton.css @@ -19,6 +19,7 @@ align-items: center; justify-content: center; opacity: 0.5; + cursor: pointer; } .theme-toggle .checked { |