Fix next-prev navigator for large title (#258)
Signed-off-by: hossainemruz <hossainemruz@gmail.com>
This commit is contained in:
parent
2af89479be
commit
4ca728790e
2 changed files with 8 additions and 6 deletions
|
@ -6,9 +6,8 @@
|
|||
{{ if (in site.Params.mainSections .Next.Type) }}
|
||||
<div class="col-md-6 previous-article">
|
||||
<a href="{{.Next.RelPermalink}}" class="btn btn-outline-info">
|
||||
<span><i class="fas fa-chevron-circle-left"></i> {{ i18n "prev" }}</span>
|
||||
<br />
|
||||
<span>{{ .Next.Title }}</span>
|
||||
<div><i class="fas fa-chevron-circle-left"></i> {{ i18n "prev" }}</div>
|
||||
<div class="next-prev-text">{{ .Next.Title }}</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
@ -23,9 +22,8 @@
|
|||
{{ end}}
|
||||
<div class="{{ $columnWidth }} next-article">
|
||||
<a href="{{ .Prev.RelPermalink }}" class="btn btn-outline-info">
|
||||
<span>{{ i18n "next" }} <i class="fas fa-chevron-circle-right"></i></span>
|
||||
<br />
|
||||
<span>{{ .Prev.Title }}</span>
|
||||
<div>{{ i18n "next" }} <i class="fas fa-chevron-circle-right"></i></div>
|
||||
<div class="next-prev-text">{{ .Prev.Title }}</div>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
@ -295,6 +295,10 @@ mark {
|
|||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.next-prev-navigator .next-prev-text{
|
||||
white-space: break-spaces;
|
||||
}
|
||||
|
||||
.next-prev-navigator .btn-outline-info:hover {
|
||||
color: #3c4858 !important;
|
||||
background-color: #e5e9f2 !important;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue