Fix IE alignment for task order view page
This commit is contained in:
parent
8472a0e987
commit
d0c924388a
@ -47,13 +47,8 @@
|
|||||||
|
|
||||||
.task-order-summary {
|
.task-order-summary {
|
||||||
|
|
||||||
|
|
||||||
.panel {
|
.panel {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@include ie-only {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-order-heading {
|
.task-order-heading {
|
||||||
@ -93,6 +88,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;
|
||||||
@ -105,6 +104,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;
|
||||||
|
@ -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 %}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user