Merge pull request #1257 from mschoettle/consistent-legend

Show muted colors for conditions in legend

Author: mlinksva

appendix.md

@@ -88,7 +88,17 @@ If you're here to choose a license, **[start from the home page](/)** to see a f
       {% assign rs = site.data.rules[t] | sort: "label" %}
       {% for r in rs %}
         {% if r.tag == req %}
-          <dd class="license-{{t}}"><span class="license-sprite"></span> {{ r.description }}</dd>
+          {% if r.tag contains "--" %}
+            {% assign lite = " lite" %}
+          {% else %}
+            {% assign lite = "" %}
+          {% endif %}
+          <dd class="license-{{t}}">
+            <span class="{{ r.tag | append: lite }}">
+              <span class="license-sprite {{ r.tag }}"></span>
+            </span>
+            {{ r.description }}
+          </dd>
         {% endif %}
       {% endfor %}
     {% endfor %}

assets/css/application.scss

@@ -464,7 +464,7 @@ strong {
 
 
 /* Hint.css Overide */
-.orverride-hint-inline {
+.override-hint-inline {
   display: block;
 }
 

assets/js/app.coffee

@@ -40,14 +40,15 @@ class Choosealicense
     # Dynamically add annotations as title attribute to rule list items
     for ruletype, rules of window.annotations
       for rule in rules
-        licenseLiElement = $(".license-#{ruletype} .#{rule["tag"]}")
+        # Only select license elements in table, not legend
+        licenseLiElement = $("td.license-#{ruletype} .#{rule["tag"]}")
         tooltipAttr = @tooltipAttributesMapperByRuleType[ruletype]
         licenseLiElement.attr "aria-label", "#{tooltipAttr.heading}: #{rule.description}"
         licenseLiElement.addClass("hint--bottom
                                    hint--large
                                    hint--no-animate
                                    #{tooltipAttr.color}
-                                   orverride-hint-inline")
+                                   override-hint-inline")
 
   # Initializes Clipboard.js
   initClipboard: ->