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

Merge pull request #539 from dod-ccpo/responsive-to-view

Browse Source 
Update TO next steps layout on smaller screens
This commit is contained in:
patricksmithdds 2019-01-15 11:28:32 -05:00 committed by GitHub
commit 8472a0e987
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 {
@include media($medium-screen) {
@include grid-row;
flex-wrap: wrap;
}
.panel {
width: 100%;
@ -86,11 +82,16 @@
.task-order-details {
flex-grow: 1;
@include media($xlarge-screen) {
@include grid-row;
}
}
.task-order-next-steps {
flex-grow: 1;
padding-right: $gap;
@include media($xlarge-screen) {
padding-right: $gap;
}
.task-order-next-steps__step {
.task-order-next-steps__icon {

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

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