Prev/next post pagination: hide title on small devices, when there's not enough space
This commit is contained in:
parent
3a0a4811cb
commit
a4262fb255
|
@ -391,6 +391,16 @@ h6:hover .anchor {
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
.paginav .name {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 540px) {
|
||||
.paginav .name {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
h1>a>svg {
|
||||
display: inline;
|
||||
}
|
||||
|
|
|
@ -5,14 +5,14 @@
|
|||
<a class="prev" href="{{ .Permalink }}">
|
||||
<span class="title">« {{ i18n "prev_page" }}</span>
|
||||
<br>
|
||||
<span>{{- .Name -}}</span>
|
||||
<span class="name">{{- .Name -}}</span>
|
||||
</a>
|
||||
{{- end }}
|
||||
{{- with $pages.Prev . }}
|
||||
<a class="next" href="{{ .Permalink }}">
|
||||
<span class="title">{{ i18n "next_page" }} »</span>
|
||||
<br>
|
||||
<span>{{- .Name -}}</span>
|
||||
<span class="name">{{- .Name -}}</span>
|
||||
</a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
|
|
Loading…
Reference in New Issue