nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-10-27 02:33:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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" . }}
<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>
{{if .Site.Home.Content }}

3
layouts/partials/header.html
View file

@ -38,7 +38,6 @@
<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">
<i class="fas fa-code-branch"></i>
<span id="top-github-link-text">{{T "Edit-this-page"}}</span>
</a>
</div>
{{- end }}
@ -48,7 +47,7 @@
{{- $toc := (and (not $currentDisableToc) (not .Params.chapter)) }}
<div id="breadcrumbs">
<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>
</a>
</span>

8
static/css/theme.css
View file

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