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 }}
{{ $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 }}
{{ if eq .Parent $parent }}
<li>

View File

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

View File

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

View File

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