mirror of https://github.com/istio/istio.io.git
Site improvements. (#5719)
- Display the version number in the site header. The version number was only displayed in tiny font in the footer, now it's quite a bit more obvious. - Fix layout of the footer to avoid the icons wrapping on two lines when the browser was specific widths. - Clicking on a folder in the left navigation area no longer expands the folder. It only brings up the page associated with the folder in the main page area. This was always my intent, I never got around to it til now.
This commit is contained in:
parent
602b75bdfb
commit
3d58942d0f
|
@ -20,7 +20,7 @@
|
|||
{{ else if .Site.Data.args.preliminary }}
|
||||
<span class="name">Istio Prelim {{ .Site.Data.args.version }}</span>
|
||||
{{ else }}
|
||||
<span class="name">Istio</span>
|
||||
<span class="name">Istio {{ .Site.Data.args.version }}</span>
|
||||
{{ end }}
|
||||
</a>
|
||||
|
||||
|
|
|
@ -30,6 +30,9 @@
|
|||
{{ if not .IsPage }}
|
||||
<li role="treeitem" aria-label="{{ .LinkTitle}}">
|
||||
{{ $collapse := not (.IsAncestor $current) }}
|
||||
{{ if eq . $current }}
|
||||
{{ $collapse = true }}
|
||||
{{ end }}
|
||||
|
||||
<button{{ if not $collapse }} class="show"{{ end }} aria-hidden="true"></button><a {{ if eq $current.Permalink .Permalink }}class="current"{{ end }} title="{{ .Description }}" href="{{ .Permalink }}">{{ .LinkTitle}}</a>
|
||||
|
||||
|
|
|
@ -16,12 +16,13 @@ footer {
|
|||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: $bp-sm) {
|
||||
@media (min-width: $bp-md) {
|
||||
padding: 1.5rem 1.25rem 1rem;
|
||||
grid-template-columns: [user-links] 65% [info] 35% [dev-links] 0;
|
||||
}
|
||||
|
||||
@media (min-width: $bp-lg) {
|
||||
grid-template-columns: [user-links] 30% [info] 40% [dev-links] 30%;
|
||||
grid-template-columns: [user-links] 35% [info] 30% [dev-links] 35%;
|
||||
}
|
||||
|
||||
.user-links {
|
||||
|
|
Loading…
Reference in New Issue