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

Create styles for new app sticky action footer

Browse Source
This commit is contained in:
graham-dds 2019-10-10 15:26:50 -04:00
parent 8e6a4101ff
commit 1560b73672
6 changed files with 39 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
styles/components/_footer.scss
View File

@ -1,4 +1,5 @@
.app-footer { .app-footer {
z-index: 3;
background-color: $color-white; background-color: $color-white;
border-top: 1px solid $color-gray-lightest; border-top: 1px solid $color-gray-lightest;
display: flex; display: flex;

3
styles/components/_global_navigation.scss
View File

@ -1,6 +1,9 @@
.global-navigation { .global-navigation {
z-index: 2;
background-color: $color-white; background-color: $color-white;
height: auto; height: auto;
box-shadow: $box-shadow;
margin-bottom: -$footer-height * 2.5;
.sidenav__link { .sidenav__link {
padding-right: $gap * 2; padding-right: $gap * 2;

21
styles/elements/_action_group.scss
View File

@ -29,3 +29,24 @@
} }
} }
} }
.action-group-footer {
@extend .action-group;
&:last-child {
margin-bottom: 0;
}
margin-top: 0;
margin-bottom: 0;
padding-top: $gap;
padding-bottom: $gap;
position: fixed;
bottom: $footer-height;
background: white;
right: 0;
padding-right: $gap * 4;
border-top: 1px solid $color-gray-light;
width: 100%;
z-index: 1;
}

3
templates/applications/new/step_1.html
View File

@ -38,7 +38,8 @@
</div> </div>
</div> </div>
<span class="action-group">
<span class="action-group-footer">
{% block next_button %} {% block next_button %}
{{ SaveButton(text=('portfolios.applications.new.step_1_button_text' | translate)) }} {{ SaveButton(text=('portfolios.applications.new.step_1_button_text' | translate)) }}
{% endblock %} {% endblock %}

3
templates/applications/new/step_2.html
View File

@ -61,8 +61,7 @@
</div> </div>
</div> </div>
</div> </div>
<span class="action-group-footer">
<span class="action-group">
{% block next_button %} {% block next_button %}
{{ SaveButton(text=('portfolios.applications.new.step_2_button_text' | translate)) }} {{ SaveButton(text=('portfolios.applications.new.step_2_button_text' | translate)) }}
{% endblock %} {% endblock %}

22
templates/applications/new/step_3.html
View File

@ -24,17 +24,17 @@
user_can(permissions.CREATE_APPLICATION_MEMBER)) }} user_can(permissions.CREATE_APPLICATION_MEMBER)) }}
<span class="action-group"> <span class="action-group-footer">
<a class="usa-button" href="{{ url_for('applications.settings', application_id=application_id) }}"> <a class="usa-button" href="{{ url_for('applications.settings', application_id=application_id) }}">
Return to Application Settings Return to Application Settings
</a> </a>
<a class="usa-button usa-button-secondary" href="{{ url_for('applications.view_new_application_step_2', application_id=application.id) }}"> <a class="usa-button usa-button-secondary" href="{{ url_for('applications.view_new_application_step_2', application_id=application.id) }}">
Previous Previous
</a> </a>
<a href="{{ url_for('applications.portfolio_applications', portfolio_id=portfolio.id) }}"> <a href="{{ url_for('applications.portfolio_applications', portfolio_id=portfolio.id) }}">
Cancel Cancel
</a> </a>
</span> </span>
{% endblock %} {% endblock %}