1
0
mirror of https://github.com/github/choosealicense.com synced 2024-12-22 04:40:09 +01:00

Make rules with -- eg same-license--file appear lighter in appendix table

Not needed elsewhere eg license view because actual rule is spelled out
and no distinction with other licenses with non-attenuated versions of
the rules is useful for eyeballing

Some visual cue other than .5 opacity might be more useful, eg smaller
or not filled in circle, but this is easy first cut given current sprite
setup
This commit is contained in:
Mike Linksvayer 2019-12-02 21:32:07 -08:00
parent 2880cbf44b
commit a378dbc7ff
2 changed files with 7 additions and 1 deletions

View File

@ -42,7 +42,12 @@ If you're here to choose a license, **[start from the home page](/)** to see a f
{% for r in license[t] %} {% for r in license[t] %}
{% if r contains req %} {% if r contains req %}
<td class="license-{{ t }}" style="text-align:center"> <td class="license-{{ t }}" style="text-align:center">
<span class="{{ r }}"> {% if r contains "--" %}
{% assign lite = " lite" %}
{% else %}
{% assign lite = "" %}
{% endif %}
<span class="{{ r | append: lite }}">
<span class="license-sprite {{ r }}"></span> <span class="license-sprite {{ r }}"></span>
</span> </span>
</td> </td>

View File

@ -254,6 +254,7 @@ strong {
.license-limitations span { background-position: -16px 0; width: 12px; height: 12px; } .license-limitations span { background-position: -16px 0; width: 12px; height: 12px; }
.license-permissions span { background-position: -28px 0; width: 12px; height: 12px; } .license-permissions span { background-position: -28px 0; width: 12px; height: 12px; }
.license-conditions span { background-position: -40px 0; width: 12px; height: 12px; } .license-conditions span { background-position: -40px 0; width: 12px; height: 12px; }
.lite span { opacity: 0.5; }
.license-rules-sidebar li { .license-rules-sidebar li {
float: none; float: none;