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

Update TO next steps layout on smaller screens

Browse Source
This commit is contained in:
Patrick Smith 2019-01-14 10:04:31 -05:00
parent 53918f0593
commit 5c64c000b0
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styles/sections/_task_order.scss
View File

@ -47,10 +47,6 @@
.task-order-summary { .task-order-summary {
@include media($medium-screen) {
@include grid-row;
flex-wrap: wrap;
}
.panel { .panel {
width: 100%; width: 100%;
@ -86,11 +82,16 @@
.task-order-details { .task-order-details {
flex-grow: 1; flex-grow: 1;
@include media($xlarge-screen) {
@include grid-row;
}
} }
.task-order-next-steps { .task-order-next-steps {
flex-grow: 1; flex-grow: 1;
padding-right: $gap; @include media($xlarge-screen) {
padding-right: $gap;
}
.task-order-next-steps__step { .task-order-next-steps__step {
.task-order-next-steps__icon { .task-order-next-steps__icon {

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

@ -82,7 +82,7 @@
</div> </div>
</div> </div>
<div class="task-order-details row"> <div class="task-order-details">
<div class="task-order-next-steps"> <div class="task-order-next-steps">
<div class="panel"> <div class="panel">
<h3 class="panel__content">What's next?</h3> <h3 class="panel__content">What's next?</h3>