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

Merge pull request #542 from dod-ccpo/fix-alignment-ie

Browse Source 
Fix layout for task order view page in IE
This commit is contained in:
patricksmithdds 2019-01-16 11:18:46 -05:00 committed by GitHub
commit 5aa6f68618
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles/sections/_task_order.scss
View File

@ -47,13 +47,8 @@
.task-order-summary { .task-order-summary {
.panel { .panel {
width: 100%; width: 100%;
@include ie-only {
max-width: 100%;
}
} }
.label--pending { .label--pending {
@ -105,6 +100,10 @@
padding-right: $gap; padding-right: $gap;
} }
@include ie-only {
width: 100%;
}
.task-order-next-steps__step { .task-order-next-steps__step {
.task-order-next-steps__icon { .task-order-next-steps__icon {
padding: $gap $gap 0 0; padding: $gap $gap 0 0;
@ -117,6 +116,12 @@
} }
} }
.task-order-next-steps__text {
@include ie-only {
width: 100%
}
}
.task-order-next-steps__heading { .task-order-next-steps__heading {
h4 { h4 {
margin: $gap $gap 0 0; margin: $gap $gap 0 0;

4
templates/portfolios/task_orders/show.html
View File

@ -9,7 +9,7 @@
<div class="task-order-next-steps__icon col"> <div class="task-order-next-steps__icon col">
<span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span> <span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
</div> </div>
<div> <div class="task-order-next-steps__text">
<div class="task-order-next-steps__heading row"> <div class="task-order-next-steps__heading row">
<h4>{{ title }}</h4> <h4>{{ title }}</h4>
{% if link_url %} {% if link_url %}
@ -70,7 +70,7 @@
<dt>Started</dt> <dt>Started</dt>
<dd> <dd>
<local-datetime <local-datetime
timestamp="{{ task_order.start_date }}" timestamp="{{ task_order.time_created }}"
format="M/D/YYYY"> format="M/D/YYYY">
</local-datetime> </local-datetime>
</dd> </dd>