diff options
| author |  Oleg <64708593+olejech@users.noreply.github.com>
| 2021-08-18 08:03:13 +0300 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-08-17 22:03:13 -0700 |
| commit | 537e348b3e3a1b008acea0440e6462ed9087f8b1 (patch) | |
| tree | 4c3da5f694016dbfa7e8589ed54898c82fb06512 /docs/src | |
| parent | 5b94a6ff1f221ede45a034d82194d2e584d34e52 (diff) | |
| download | astro-537e348b3e3a1b008acea0440e6462ed9087f8b1.tar.gz astro-537e348b3e3a1b008acea0440e6462ed9087f8b1.tar.zst astro-537e348b3e3a1b008acea0440e6462ed9087f8b1.zip | |
docs: fix select language in Safari (#1127) (#1128)
* docs: fix select language in Safari (#1127)
* docs: fix select language top position
* docs: fix select language position
Diffstat (limited to 'docs/src')
| -rw-r--r-- | docs/src/components/Header/LanguageSelect.css | 29 |
1 files changed, 27 insertions, 2 deletions
diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css index 4e878714b..7911db413 100644 --- a/docs/src/components/Header/LanguageSelect.css +++ b/docs/src/components/Header/LanguageSelect.css @@ -23,6 +23,7 @@ -webkit-font-smoothing: antialiased; padding-left: 30px; padding-right: 1rem; + -webkit-appearance: none; } .language-select-wrapper .language-select:hover, .language-select-wrapper .language-select:focus { @@ -35,13 +36,37 @@ } .language-select-wrapper > svg { position: absolute; - top: 7px; - left: 10px; + top: 8px; + left: 8px; 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; + } } |