Closed phillxnet closed 3 years ago
I am currently working on this issue.
These buttons are html rendered to:
<a class="btn-down" href="/docs/" target="_blank">Documentation</a>
Via a Hugo shortcode (used primarily to insert html directly into content pages thus:
{{< button label="Documentation" link="/docs/" >}}
And the existing shortcode is (layouts/shortcodes/button.html):
{{ if and (.Get "label") (.Get "link") }}
<a class="btn-down" href="{{ .Get `link` }}" target="_blank">{{ .Get "label" }}</a>
{{ else }}
{{ errorf "missing value for param: %s" .Position }}
{{ end }}
We have likely a css issue in the colour combination used in these buttons. The are OK before use but on hover and active their text is too close to background: Unused
Documentation button hover or already clicked:
As these buttons add complexity and are now in keeping with our front page buttons we might also consider removing them entirely given they repeat links already provided by the text links they immediately follow.