adafruit-mirror/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

move install instructions button next to release notes link

Browse source
This commit is contained in:
foamyguy 2024-10-28 09:48:01 -05:00
parent be389c6db4
commit 21ef7f6b56
2 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
_includes/download/board.html
View file

@ -45,9 +45,14 @@
Older bootloaders cannot load the firmware. See <i>Update UF2 Bootloader</i> below.</b>
</p>
{% endif %}
<p>
<a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a>
</p>
<div class="release-details">
<p>
<a href="https://github.com/adafruit/circuitpython/releases/tag/{{ version.version }}">Release Notes for {{ version.version }}</a>
</p>
{% if page.download_instructions != nil and page.download_instructions != "" %}
<a class="download-button install-instructions-button" target="_blank" href="{{ page.download_instructions }}">INSTALL INSTRUCTIONS<i class="fas fa-arrow-circle-right" aria-hidden="true"></i></a>
{% endif %}
</div>
<div class="download-details">
{% comment %}
Create a list of language codes and names so it can be sorted.
@ -142,12 +147,6 @@
version="{{ version.version }}"
>OPEN INSTALLER <i class="fas fa-magic" aria-hidden="true"></i></button>
{% endif %}
{% if page.download_instructions != nil and page.download_instructions != "" %}
<div>
<a class="download-button" href="{{ page.download_instructions }}">INSTALLATION INSTRUCTIONS<i class="fas fa-arrow-circle-right" aria-hidden="true"></i></a>
<div class="clear"></div>
</div>
{% endif %}
</div>
</div>
{% if version.modules %}

9
assets/sass/pages/_download.scss
View file

@ -58,7 +58,12 @@
}
}
.download-details {
.install-instructions-button{
width: 100%;
margin-bottom: 1em;
}
.download-details, .release-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@ -192,7 +197,7 @@
grid-template-columns: 1fr 1fr;
.download {
.download-details {
.download-details, .release-details {
grid-template-columns: repeat(1, 1fr);
}