nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-19 03:10:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

nav: some love for header buttons #151

Browse source
This commit is contained in:
Sören Weber 2022-02-14 23:59:06 +01:00
parent c0860d23f2
commit 6f8239ca64
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
layouts/index.html
View file

@ -1,6 +1,8 @@
{{- partial "header.html" . }} {{- partial "header.html" . }}
<span id="sidebar-toggle-span"> <span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" data-sidebar-toggle=""><i class="fas fa-bars"></i>{{T "Navigation-toggle"}}</a> <a href="#" id="sidebar-toggle" title='{{ T "Navigation-toggle" }}' data-sidebar-toggle="">
<i class="fas fa-bars"></i>
</a>
</span> </span>
{{if .Site.Home.Content }} {{if .Site.Home.Content }}

3
layouts/partials/header.html
View file

@ -38,7 +38,6 @@
<div id="top-github-link"> <div id="top-github-link">
<a class="github-link" title='{{ T "Edit-this-page" }}' href="{{ $Site.Params.editURL }}{{ replace $File.Dir "\\" "/" }}{{ $File.LogicalName }}" target="blank"> <a class="github-link" title='{{ T "Edit-this-page" }}' href="{{ $Site.Params.editURL }}{{ replace $File.Dir "\\" "/" }}{{ $File.LogicalName }}" target="blank">
<i class="fas fa-code-branch"></i> <i class="fas fa-code-branch"></i>
<span id="top-github-link-text">{{T "Edit-this-page"}}</span>
</a> </a>
</div> </div>
{{- end }} {{- end }}
@ -48,7 +47,7 @@
{{- $toc := (and (not $currentDisableToc) (not .Params.chapter)) }} {{- $toc := (and (not $currentDisableToc) (not .Params.chapter)) }}
<div id="breadcrumbs"> <div id="breadcrumbs">
<span id="sidebar-toggle-span"> <span id="sidebar-toggle-span">
<a href="#" id="sidebar-toggle" data-sidebar-toggle=""> <a href="#" id="sidebar-toggle" title='{{ T "Navigation-toggle" }}' data-sidebar-toggle="">
<i class="fas fa-bars"></i> <i class="fas fa-bars"></i>
</a> </a>
</span> </span>

8
static/css/theme.css
View file

@ -954,6 +954,7 @@ td {
#sidebar-toggle-span { #sidebar-toggle-span {
display: none; display: none;
} }
@media only all and (max-width: 47.938em) { @media only all and (max-width: 47.938em) {
#sidebar-toggle-span { #sidebar-toggle-span {
display: inline; display: inline;
@ -1016,7 +1017,7 @@ a[aria-disabled="true"] {
overflow: hidden; overflow: hidden;
} }
.sidebar-hidden #overlay { .sidebar-hidden #overlay {
background-color: rgba(255, 255, 255, 0.5); background-color: rgba(134, 134, 134, 0.5);
bottom: 0; bottom: 0;
cursor: pointer; cursor: pointer;
left: 0; left: 0;
@ -1231,6 +1232,11 @@ option {
width: 100%; width: 100%;
} }
#sidebar-toggle-span a.highlight:after,
#top-github-link a.highlight:after {
background-color: transparent;
}
.progress { .progress {
background-color: rgba(246, 246, 246, 0.97); background-color: rgba(246, 246, 246, 0.97);
border: thin solid #ECECEC; border: thin solid #ECECEC;