Fix disabled download links

This commit is contained in:
Patrick Smith 2019-01-10 13:23:42 -05:00
parent 43757d5d3b
commit 440329249a
2 changed files with 19 additions and 7 deletions

View File

@ -87,10 +87,6 @@
@include icon-color($color-cool-blue-lighter); @include icon-color($color-cool-blue-lighter);
} }
} }
.icon-link.disabled {
color: $color-cool-blue-lighter;
}
} }
.task-order-document-link__icon { .task-order-document-link__icon {
@ -104,6 +100,16 @@
.task-order-document-details__description { .task-order-document-details__description {
font-style: italic; font-style: italic;
} }
.task-order-document-details__disabled_link {
@include icon-link;
cursor: unset;
&:hover {
background-color: unset;
color: $color-cool-blue-lighter;
}
color: $color-cool-blue-lighter;
}
} }
} }

View File

@ -33,9 +33,15 @@
<span>{{ Icon("download") }}</span> <span>{{ Icon("download") }}</span>
</div> </div>
<div class="task-order-document-details col"> <div class="task-order-document-details col">
<a href="{{ link_url }}" class="icon-link {{ 'disabled' if disabled }}"> {% if disabled %}
{{ title }} <div class="task-order-document-details__disabled_link">
</a> {{ title }}
</div>
{% else %}
<a href="{{ link_url }}" class="icon-link">
{{ title }}
</a>
{% endif %}
{% if description %} {% if description %}
<div class="task-order-document-details__description"> <div class="task-order-document-details__description">
{{ description }} {{ description }}