fix: fix header menu style if no extra entries were added (#305)

This commit is contained in:
Robert Kaussow 2022-01-30 22:05:14 +01:00 committed by GitHub
parent 3e8d569540
commit 8b117788c6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 25 additions and 31 deletions

View File

@ -25,9 +25,7 @@
</a> </a>
</div> </div>
<div class="gdoc-menu-header"> <div class="gdoc-menu-header">
<span <span class="gdoc-menu-header__items">
{{ if .Root.Site.Data.menu.extra.header }}class="gdoc-menu-header__items"{{ end }}
>
{{ if .Root.Site.Data.menu.extra.header }} {{ if .Root.Site.Data.menu.extra.header }}
{{ partial "menu-extra" (dict "current" .Root "source" .Root.Site.Data.menu.extra.header "target" "header") }} {{ partial "menu-extra" (dict "current" .Root "source" .Root.Site.Data.menu.extra.header "target" "header") }}
{{ end }} {{ end }}
@ -48,7 +46,6 @@
</svg> </svg>
</span> </span>
{{ if .Root.Site.Data.menu.extra.header }}
<span class="gdoc-menu-header__home"> <span class="gdoc-menu-header__home">
<a href="{{ .Root.Site.BaseURL }}" class="gdoc-header__link"> <a href="{{ .Root.Site.BaseURL }}" class="gdoc-header__link">
<svg class="icon gdoc_home"> <svg class="icon gdoc_home">
@ -57,11 +54,10 @@
</svg> </svg>
</a> </a>
</span> </span>
{{ end }}
{{ partial "language" .Root }} {{ partial "language" .Root }}
{{ if .Root.Site.Data.menu.extra.header }}
<span class="gdoc-menu-header__control"> <span class="gdoc-menu-header__control">
<label for="menu-header-control"> <label for="menu-header-control">
<svg class="icon gdoc_keyboard_arrow_right"> <svg class="icon gdoc_keyboard_arrow_right">
@ -70,16 +66,13 @@
</svg> </svg>
</label> </label>
</span> </span>
{{ end }}
</span> </span>
{{ if .Root.Site.Data.menu.extra.header }}
<label for="menu-header-control" class="gdoc-menu-header__control"> <label for="menu-header-control" class="gdoc-menu-header__control">
<svg class="icon gdoc_keyboard_arrow_left"> <svg class="icon gdoc_keyboard_arrow_left">
<use xlink:href="#gdoc_keyboard_arrow_left"></use> <use xlink:href="#gdoc_keyboard_arrow_left"></use>
<title>{{ i18n "button_menu_open" }}</title> <title>{{ i18n "button_menu_open" }}</title>
</svg> </svg>
</label> </label>
{{ end }}
</div> </div>
</div> </div>
</header> </header>

View File

@ -194,6 +194,7 @@ img {
.gdoc-brand { .gdoc-brand {
font-size: $font-size-32; font-size: $font-size-32;
line-height: $font-size-32;
&__img { &__img {
margin-right: $padding-16; margin-right: $padding-16;