A few formatting fixes. (#3473)

- Reshuffle the floating icons to put the most common thing on top

- In the sidebar, if a card has only top-level items (no subsections)
then move the text to the left to soak up the unused room normally
reserved for the chevron. This improves the look for blog-related cards

- Put a wee bit more spacing between the links in the header on mobile
to make 'em easier to hit with fat fingers.
This commit is contained in:
Martin Taillefer 2019-03-03 08:37:26 -08:00 committed by GitHub
parent 7bf371365e
commit e9e69d0c71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 21 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -3,7 +3,16 @@
{{ $current := .current }} {{ $current := .current }}
{{ $collapse := .collapse }} {{ $collapse := .collapse }}
<ul{{ if not $collapse }} class="show"{{ end }}> {{ $leafSection := true }}
{{ range $pages }}
{{ if eq .Parent $parent }}
{{ if not .IsPage }}
{{ $leafSection = false }}
{{ end }}
{{ end }}
{{ end }}
<ul class="{{ if not $collapse }}show{{ end }}{{ if $leafSection }} leaf-section{{ end }}">
{{ range $pages }} {{ range $pages }}
{{ if eq .Parent $parent }} {{ if eq .Parent $parent }}
<li> <li>

View File

@ -81,18 +81,18 @@
#switch-lang-container { #switch-lang-container {
#switch-lang { #switch-lang {
bottom: calc(6rem + #{$footerHeight}); bottom: calc(1rem + #{$footerHeight});
} }
} }
#edit-this-page-container { #edit-this-page-container {
#edit-this-page { #edit-this-page {
bottom: calc(3.5rem + #{$footerHeight}); bottom: calc(6rem + #{$footerHeight});
} }
} }
#report-site-bugs-container { #report-site-bugs-container {
#report-site-bugs { #report-site-bugs {
bottom: calc(1rem + #{$footerHeight}); bottom: calc(3.5rem + #{$footerHeight});
} }
} }

View File

@ -82,8 +82,8 @@ header {
font-weight: 500; font-weight: 500;
color: $textBrandColor; color: $textBrandColor;
font-size: 1.1em; font-size: 1.1em;
margin-left: .3rem; margin-left: .5rem;
margin-right: .3rem; margin-right: .5rem;
@media (min-width: $bp-sm) { @media (min-width: $bp-sm) {
font-size: .9em; font-size: .9em;

View File

@ -80,6 +80,10 @@
} }
} }
.body > ul.leaf-section > li {
margin-left: 0;
}
button { button {
cursor: pointer; cursor: pointer;
border: 0; border: 0;