PR#1152: Ensure "Click to launch" shows the pointer cursor - fedora-websites

fedora-websites

#1152 Ensure "Click to launch" shows the pointer cursor

Merged 2 years ago by darknao. Opened 2 years ago by nielsenb.

nielsenb/fedora-websites ec2-launch-cursor into main

Ensure "Click to launch" shows the click cursor

Brandon Nielsen • 2 years ago

2c94c90

alt.fedoraproject.org/data/content/cloud/index.html

file modified

+2 -2

		`@@ -386,7 +386,7 @@`
		`<h3>${_('x86_64 AMIs')}</h3>`
		`</div>`
		`<div class="col-sm-4">`
		`- <p class="download ec2" data-toggle="modal" data-target=".x86_64-base-EC2-desktop">${_('Click to launch')}</p>`
		`+ <p class="download"><a data-toggle="modal" data-target=".x86_64-base-EC2-desktop" href="">${_('Click to launch')}</a></p>`
		`<div class="modal fade x86_64-base-EC2-desktop" tabindex="-1" role="dialog" aria-hidden="true">`
		`<div class="modal-dialog modal-cloud">`
		`<div class="modal-content">`
		`@@ -423,7 +423,7 @@`
		`<h3>${_('aarch64 AMIs')}</h3>`
		`</div>`
		`<div class="col-sm-4">`
		`- <p class="download ec2" data-toggle="modal" data-target=".aarch64-base-EC2-desktop">${_('Click to launch')}</p>`
		`+ <p class="download"><a data-toggle="modal" data-target=".aarch64-base-EC2-desktop" href="">${_('Click to launch')}</a></p>`
		`<div class="modal fade aarch64-base-EC2-desktop" tabindex="-1" role="dialog" aria-hidden="true">`
		`<div class="modal-dialog modal-cloud">`
		`<div class="modal-content">`

nielsenb commented 2 years ago

Currently the EC2 "Click to launch" button is a <p> tag which does not
show the "pointer" cursor. This makes it unclear it is a button that can be
clicked.

This changes the "Click to launch" button to an unstyled <a> tag wrapped
in a <p> tag with the same style as the "Download" links
elsewhere on the page which do correctly show the "pointer" cursor.