diff --git a/assets/javascript/downloads.js b/assets/javascript/downloads.js index f8ad34e12..c8e036087 100644 --- a/assets/javascript/downloads.js +++ b/assets/javascript/downloads.js @@ -163,9 +163,13 @@ function setupManufacturers(downloads) { checkbox.name = "manufacturer"; checkbox.className = 'filter-checkbox'; checkbox.value = manufacturer; + checkbox.id = 'manufacturer-' + manufacturer; li.appendChild(checkbox); - li.appendChild(document.createTextNode(manufacturer)); + var label = document.createElement('label'); + label.htmlFor = checkbox.id; + label.innerText = manufacturer; + li.appendChild(label); manufacturerList.appendChild(li); }); @@ -196,9 +200,14 @@ function setupMcufamilies(downloads) { checkbox.name = "mcufamily"; checkbox.className = 'filter-checkbox'; checkbox.value = mcufamily; + checkbox.id = 'mcufamily-' + mcufamily; li.appendChild(checkbox); - li.appendChild(document.createTextNode(mcufamily)); + + var label = document.createElement('label'); + label.htmlFor = checkbox.id; + label.innerText = mcufamily; + li.appendChild(label); mcufamilyList.appendChild(li); } @@ -234,9 +243,14 @@ function setupFeatures(downloads) { checkbox.name = "feature"; checkbox.className = 'filter-checkbox'; checkbox.value = feature; + checkbox.id = 'feature-' + feature; li.appendChild(checkbox); - li.appendChild(document.createTextNode(feature)); + + var label = document.createElement('label'); + label.htmlFor = checkbox.id; + label.innerText = feature; + li.appendChild(label); featureList.appendChild(li); }); diff --git a/assets/sass/base/_base.scss b/assets/sass/base/_base.scss index 796f5e210..e460b99d0 100644 --- a/assets/sass/base/_base.scss +++ b/assets/sass/base/_base.scss @@ -42,3 +42,7 @@ fieldset { font-weight: 500; } } + +input.filter-checkbox, label { + cursor: pointer; +} diff --git a/blinka.html b/blinka.html index d87bc6c57..347ce2712 100644 --- a/blinka.html +++ b/blinka.html @@ -27,13 +27,13 @@ permalink: /blinka
-
+
Manufacturers
    -
    +
    Features
      @@ -43,11 +43,11 @@ permalink: /blinka
      Sort By
        -
      • Downloads
      • -
      • Board Name (A to Z)
      • -
      • Board Name (Z to A)
      • -
      • Date Added (Newest First)
      • -
      • Date Added (Oldest First)
      • +
      • +
      • +
      • +
      • +
      diff --git a/downloads.html b/downloads.html index 2af16c481..6fb5c6071 100644 --- a/downloads.html +++ b/downloads.html @@ -49,11 +49,11 @@ excerpt: CircuitPython supported boards.
      Sort By
        -
      • Downloads
      • -
      • Board Name (A to Z)
      • -
      • Board Name (Z to A)
      • -
      • Date Added (Newest First)
      • -
      • Date Added (Oldest First)
      • +
      • +
      • +
      • +
      • +