Fixing mobile header for docs example (withastro#3335)

SiriousHunter · May 10, 2022 · be899fd · be899fd
1 parent 0913afb
commit be899fd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro
@@ -18,8 +18,8 @@ const lang = currentPage && getLanguageFromURL(currentPage);
  <SidebarToggle client:idle />
  </div>
  <div class="logo flex">
- <AstroLogo size={40} />
  <a href="/">
+ <AstroLogo size={40} />
  <h1>{CONFIG.SITE.title ?? "Documentation"}</h1>
  </a>
  </div>
@@ -48,6 +48,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
  }
 
  .logo {
+ flex: 1;
  display: flex;
  overflow: hidden;
  width: 30px;
@@ -61,6 +62,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
  }
 
  .logo a {
+ display: flex;
  padding: 0.5em 0.25em;
  margin: -0.5em -0.25em;
  text-decoration: none;
@@ -78,6 +80,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
  }
 
  .logo h1 {
+ display: none;
  font: inherit;
  color: inherit;
  margin: 0;
@@ -103,12 +106,12 @@ const lang = currentPage && getLanguageFromURL(currentPage);
  margin: 0;
  z-index: 0;
  }
+ .logo h1 {
+ display: initial;
+ }
  .menu-toggle {
  display: none;
  }
- .logo {
- width: auto;
- }
  }
 
  /** Style Algolia */

diff --git a/examples/docs/src/config.ts b/examples/docs/src/config.ts
@@ -1,5 +1,5 @@
 export const SITE = {
- title: 'Your Documentation Website',
+ title: 'Documentation',
  description: 'Your website description.',
  defaultLanguage: 'en_US',
 };