simple benchmarkbenchmark

5 files changed, 12 insertions, 62 deletions

diff --git a/docs/src/components/Header/Header.astro b/docs/src/components/Header/Header.astro
index 968ba69b2..8471e4ebf 100644
--- a/docs/src/components/Header/Header.astro
+++ b/docs/src/components/Header/Header.astro
@@ -23,7 +23,6 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 
 
     .logo {
-    direction: ltr;
     display: flex;
     overflow: hidden;
         width: 30px;
diff --git a/docs/src/components/Header/LanguageSelect.css b/docs/src/components/Header/LanguageSelect.css
index 5411e50dc..b95ef5048 100644
--- a/docs/src/components/Header/LanguageSelect.css
+++ b/docs/src/components/Header/LanguageSelect.css
@@ -3,13 +3,13 @@
   width: 48px;
   box-sizing: border-box;
   margin: 0;
-  padding: 0.33em 2rem;
+  padding: 0.33em 0.5em;
   overflow: visible;
   font-weight: 500;
   font-size: 1rem;
   font-family: inherit;
   line-height: inherit;
-  background-color: var(--theme-bg);
+  background-color: transparent;
   border-color: var(--theme-text-lighter);
   color: var(--theme-text-light);
   border-style: solid;
@@ -21,7 +21,8 @@
   transition-duration: 0.2s;
   transition-property: border-color, color;
   -webkit-font-smoothing: antialiased;
-  -webkit-appearance: none;
+  padding-left: 30px;
+  padding-right: 1rem;
 }
 .language-select-wrapper .language-select:hover,
 .language-select-wrapper .language-select:focus {
@@ -34,37 +35,13 @@
 }
 .language-select-wrapper > svg {
   position: absolute;
-  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);
+  top: 7px;
+  left: 10px;
+  z-index: -1;
 }
 
 @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/Header/LanguageSelect.tsx b/docs/src/components/Header/LanguageSelect.tsx
index 6385afdd3..46e3dd0f3 100644
--- a/docs/src/components/Header/LanguageSelect.tsx
+++ b/docs/src/components/Header/LanguageSelect.tsx
@@ -68,25 +68,7 @@ const LanguageSelect: FunctionalComponent<{ lang: string }> = ({ lang }) => {
           <span>简体中文</span>
         </option>
         <option value="zh-TW">
-          <span>正體中文</span>
-        </option>
-        <option value="bg">
-          <span>Български</span>
-        </option>
-        <option value="fr">
-          <span>Français</span>
-        </option>
-        <option value="bn">
-          <span>বাংলা</span>
-        </option>
-        <option value="kr">
-          <span>한국어</span>
-        </option>
-        <option value="ar">
-          <span>العربية</span>
-        </option>
-        <option value="da">
-          <span>Dansk</span>
+          <span>繁体中文</span>
         </option>
       </select>
     </div>
diff --git a/docs/src/components/Header/Search.css b/docs/src/components/Header/Search.css
index 563f67bc5..b11a59290 100644
--- a/docs/src/components/Header/Search.css
+++ b/docs/src/components/Header/Search.css
@@ -3,17 +3,6 @@
   --docsearch-primary-color: var(--theme-accent);
   --docsearch-logo-color: var(--theme-text);
 }
-
-.DocSearch-Modal .DocSearch-Hit a {
-  box-shadow: none;
-  border: 1px solid var(--theme-accent);
-}
-
-/** Style Search Bar */
-.search-placeholder {
-  flex-grow: 1;
-  text-align: initial;
-}
 .search-input {
   flex-grow: 1;
   box-sizing: border-box;
@@ -51,6 +40,9 @@
   color: var(--theme-text-light);
 }
 .search-hint {
+  position: absolute;
+  top: 7px;
+  right: 19px;
   padding: 3px 5px;
   display: none;
   display: none;
diff --git a/docs/src/components/Header/Search.tsx b/docs/src/components/Header/Search.tsx
index 5f05f744f..a1684e49f 100644
--- a/docs/src/components/Header/Search.tsx
+++ b/docs/src/components/Header/Search.tsx
@@ -51,7 +51,7 @@ export default function Search() {
             strokeLinejoin="round"
           />
         </svg>
-        <span className="search-placeholder">Search</span>
+        <span>Search</span>
         <span className="search-hint">
           <span className="sr-only">Press </span>
           <kbd>/</kbd>