pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Clean up document links on task order view page

Browse Source
This commit is contained in:
Patrick Smith 2019-01-11 11:01:57 -05:00
parent f7a87308c7
commit b807d2c932
3 changed files with 21 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styles/elements/_icon_link.scss
View File

@ -63,4 +63,9 @@
&.icon-link--default { &.icon-link--default {
@include icon-link-color($color-black-light, $color-gray-lightest); @include icon-link-color($color-black-light, $color-gray-lightest);
} }
&.icon-link--disabled {
opacity: 0.3;
pointer-events: none;
}
} }

27
styles/sections/_task_order.scss
View File

@ -77,37 +77,14 @@
} }
.task-order-document-link { .task-order-document-link {
&.disabled {
color: $color-shadow;
.task-order-document-link__icon {
span {
@include icon-color($color-cool-blue-lighter);
}
}
}
.task-order-document-link__icon { .task-order-document-link__icon {
padding-top: 0.5rem; padding-top: 0.5rem;
span {
@include icon-color($color-blue);
}
} }
.task-order-document-details { .task-order-document-description {
.task-order-document-details__description { padding-left: 3rem;
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;
}
}
} }
.task-order-invitation-status { .task-order-invitation-status {

16
templates/workspaces/task_orders/show.html
View File

@ -28,27 +28,23 @@
{% macro DocumentLink(title="", link_url="", description="") %} {% macro DocumentLink(title="", link_url="", description="") %}
{% set disabled = not link_url %} {% set disabled = not link_url %}
<div class="task-order-document-link row {{ 'disabled' if disabled }}"> <div class="task-order-document-link">
<div class="row">
<a href="{{ link_url }}" class="icon-link {{ 'icon-link--disabled' if disabled }}" aria-disabled="{{ 'true' if disabled else 'false' }}">
<div class="task-order-document-link__icon col"> <div class="task-order-document-link__icon col">
<span>{{ Icon("download") }}</span> <span>{{ Icon("download") }}</span>
</div> </div>
<div class="task-order-document-details col"> <div class="task-order-document-title col">
{% if disabled %}
<div class="task-order-document-details__disabled_link">
{{ title }} {{ title }}
</div> </div>
{% else %}
<a href="{{ link_url }}" class="icon-link">
{{ title }}
</a> </a>
{% endif %} </div>
{% if description %} {% if description %}
<div class="task-order-document-details__description"> <div class="task-order-document-description">
{{ description }} {{ description }}
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
{% endmacro %} {% endmacro %}
{% macro InvitationStatus(title, officer) %} {% macro InvitationStatus(title, officer) %}