website: clicking on URL now shows the badge dialog

Instead of selecting the URL.

As suggested by @techtonik
https://github.com/badges/shields/issues/530#issuecomment-167277875.
This commit is contained in:
Thaddee Tyl 2016-01-17 20:12:34 +01:00
parent 0536763b49
commit 648bef473b

View File

@ -44,7 +44,8 @@ hr.spacing { border: 0; display: block; height: 3mm; }
border-bottom: 15px solid #eaeaff; border-bottom: 15px solid #eaeaff;
} }
#suggestButton { display: none; } #suggestButton { display: none; }
table.badge > tbody > tr > td > img { cursor: pointer; } table.badge > tbody > tr > td > img,
table.badge > tbody > tr > td > code { cursor: pointer; }
</style> </style>
<main id='main'> <main id='main'>
@ -1156,14 +1157,6 @@ function selectNode(e) {
}; };
copyMarkdown.addEventListener('click', selectNode); copyMarkdown.addEventListener('click', selectNode);
copyreStructuredText.addEventListener('click', selectNode); copyreStructuredText.addEventListener('click', selectNode);
function autoselectCode() {
var codes = document.querySelectorAll('table.badge code');
for (var i = 0; i < codes.length; i++) {
codes[i].addEventListener('click', selectNode);
}
}
document.addEventListener('DOMContentLoaded', autoselectCode);
// Markup copier dialog // Markup copier dialog
// //
@ -1173,9 +1166,11 @@ function markupDialogInit() {
for (var i = 0; i < trs.length; i++) { for (var i = 0; i < trs.length; i++) {
var tr = trs[i]; var tr = trs[i];
var target = tr.querySelector('img'); var target = tr.querySelector('img');
if (target) { var code = tr.querySelector('code');
target.addEventListener('click', makeMarkupDialogListener(tr)); // Markup dialog listener.
} var mdl = makeMarkupDialogListener(tr);
if (target != null) { target.addEventListener('click', mdl); }
if (code != null) { code.addEventListener('click', mdl); }
} }
} }
function makeMarkupDialogListener(tr) { function makeMarkupDialogListener(tr) {