diff options
| -rw-r--r-- | docs/src/components/Header/LanguageSelect.css | 29 | ||||
| -rw-r--r-- | yarn.lock | 62 |
2 files changed, 88 insertions, 3 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; + } } @@ -2502,6 +2502,66 @@ astring@^1.7.4: globby "^11.0.3" tar "^6.1.0" +astro@^0.18.12: + version "0.18.13" + resolved "https://registry.yarnpkg.com/astro/-/astro-0.18.13.tgz#33f8c2e7c89477fd559fbcf1adc8afc95ce48398" + integrity sha512-HWQA/C+M6Mht2Jmy6gC6Pyh4qKxQC1doMBJR9cYrCDaJs+Reyz1CkKcndI/PeJcpz3HSxAlo77sfMCXtsg8SeQ== + dependencies: + "@astrojs/markdown-support" "0.2.3" + "@astrojs/parser" "0.18.5" + "@astrojs/prism" "0.2.2" + "@astrojs/renderer-preact" "0.2.1" + "@astrojs/renderer-react" "0.2.0" + "@astrojs/renderer-svelte" "0.1.1" + "@astrojs/renderer-vue" "0.1.7" + "@babel/code-frame" "^7.12.13" + "@babel/core" "^7.14.6" + "@babel/generator" "^7.13.9" + "@babel/parser" "^7.13.15" + "@babel/traverse" "^7.13.15" + "@snowpack/plugin-postcss" "^1.4.3" + "@snowpack/plugin-sass" "^1.4.0" + acorn "^7.4.0" + astring "^1.7.4" + autoprefixer "^10.2.5" + babel-plugin-module-resolver "^4.1.0" + camel-case "^4.1.2" + cheerio "^1.0.0-rc.6" + ci-info "^3.2.0" + del "^6.0.0" + es-module-lexer "^0.4.1" + esbuild "^0.12.12" + estree-util-value-to-estree "^1.2.0" + estree-walker "^3.0.0" + fast-xml-parser "^3.19.0" + fdir "^5.0.0" + find-up "^5.0.0" + get-port "^5.1.1" + gzip-size "^6.0.0" + kleur "^4.1.4" + magic-string "^0.25.3" + mime "^2.5.2" + moize "^6.0.1" + node-fetch "^2.6.1" + path-to-regexp "^6.2.0" + picomatch "^2.2.3" + postcss "^8.2.15" + postcss-icss-keyframes "^0.2.1" + prismjs "^1.23.0" + resolve "^1.20.0" + rollup "^2.43.1" + rollup-plugin-terser "^7.0.2" + sass "^1.32.13" + semver "^7.3.5" + shorthash "^0.0.2" + slash "^4.0.0" + snowpack "^3.8.3" + string-width "^5.0.0" + supports-esm "^1.0.0" + tiny-glob "^0.2.8" + unified "^9.2.1" + yargs-parser "^20.2.7" + async-limiter@~1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd" @@ -9254,7 +9314,7 @@ smartwrap@^1.2.3: wcwidth "^1.0.1" yargs "^15.1.0" -snowpack@^3.8.6: +snowpack@^3.8.3, snowpack@^3.8.6: version "3.8.6" resolved "https://registry.yarnpkg.com/snowpack/-/snowpack-3.8.6.tgz#0bef5c071caef86a2f91aa5c3d5b70d0c2e2793c" integrity sha512-EZ3Y7RtTiPvxnVFTKPfkvi2PKBrprXCvOHKWQQLBkHonf+xdtG51RiNjtrRLJeCjislAlD6OoeGHUxz76ToGHw== |