rockstor / rockstor-website

Main rockstor.com webpage. As a community endeavour we welcome contributions / corrections. Be sure to add your name to the AUTHORS file when submitting changes.
Other
2 stars 3 forks source link

Button colour issues on "Commercial Support" page. #24

Closed phillxnet closed 3 years ago

phillxnet commented 3 years ago

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 default

Documentation button hover or already clicked: Documentation-button-used-or-hover

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.

phillxnet commented 3 years ago

I am currently working on this issue.

phillxnet commented 3 years ago

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 }}