FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix anchor in tags

Browse source
This commit is contained in:
BernatBC 2024-02-11 16:42:15 +01:00
parent e8b0cfb32e
commit 9c61743d3e
2 changed files with 17 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

17
assets/styles/components/buttons.scss
View file

@ -59,12 +59,17 @@
background: get-light-color('accent-color'); background: get-light-color('accent-color');
margin-left: 0.2em; margin-left: 0.2em;
margin-right: 0.2em; margin-right: 0.2em;
margin-top: 0.6em; margin-top: 0.4em;
margin-bottom: 0.6em; margin-bottom: 0.4em;
} }
a { button {
background-color: transparent;
border: none;
color: get-light-color('text-over-accent-color'); color: get-light-color('text-over-accent-color');
text-decoration: none !important; padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
} }
} }
@ -146,7 +151,7 @@ html[data-theme='dark'] {
.tags { .tags {
li { li {
background: get-dark-color('accent-color'); background: get-dark-color('accent-color');
a { button {
background-color: get-dark-color('bg-card'); background-color: get-dark-color('bg-card');
border: 1px solid get-dark-color('muted-text-color'); border: 1px solid get-dark-color('muted-text-color');
color: get-dark-color('text-over-accent-color'); color: get-dark-color('text-over-accent-color');
@ -173,4 +178,4 @@ html[data-theme='dark'] {
background-color: get-dark-color('hover-over-accent-color') !important; background-color: get-dark-color('hover-over-accent-color') !important;
} }
} }
} }

12
layouts/partials/misc/tags.html
View file

@ -1,8 +1,8 @@
<div class="tags"> <div class="tags">
<ul style="padding-left: 0;"> <ul style="padding-left: 0;">
{{ range . }} {{ range . }}
{{ $url:= printf "tags/%s/" . }} {{ $url:= printf "tags/%s/" . }}
<li class="rounded"><a href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</a></li> <li class="rounded"><button href="{{ $url | urlize | relLangURL }}" class="btn, btn-sm">{{ . }}</button></li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>