Reposition theme button

This commit is contained in:
Gabriel Arazas 2023-02-24 20:22:52 +08:00
parent 657fb2c1a3
commit 1f42703979
3 changed files with 19 additions and 15 deletions

View File

@ -1,12 +1,13 @@
nav[aria-label="Site header"] {
[aria-label="Site header"] {
@include header-link-hover-style;
position: relative;
a {
color: var(--base06);
}
}
footer[aria-label="Site footer"] {
[aria-label="Site footer"] {
> * {
margin-top: 1em;
margin-bottom: 0;
@ -63,12 +64,13 @@ footer[aria-label="Site footer"] {
}
.site__theme-btn {
background: var(--background);
padding: 0.5em;
position: relative;
float: right;
position: absolute;
top: 0;
right: 0;
&:hover {
color: unset;
& .site__theme-dropdown {
display: unset;
}

View File

@ -4,7 +4,6 @@
{{- partial "head.html" . -}}
</head>
<body>
{{- partial "components/theme-button.html" . }}
{{- partial "header.html" . -}}
<hr aria-hidden="true"/>
{{- block "main" . }}{{- end }}

View File

@ -1,4 +1,5 @@
<nav aria-label="Site header">
<div aria-label="Site header">
<nav>
<a class="site__title" href="{{ "" | absLangURL }}">{{ $.Site.Title }}</a>
<div class="list site__links">
{{ with $.Site.Menus.main }}
@ -8,3 +9,5 @@
{{ end }}
</div>
</nav>
{{- partial "components/theme-button.html" . }}
</div>