summaryrefslogtreecommitdiff
path: root/docs/src
diff options
context:
space:
mode:
Diffstat (limited to 'docs/src')
-rw-r--r--docs/src/components/Header/LanguageSelect.css29
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;
+ }
}