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

Move form submission buttons outside of panel

Browse Source
This commit is contained in:
Patrick Smith 2019-02-10 13:25:57 -05:00
parent aa8986d8a2
commit 4e466af009
3 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
styles/components/_portfolio_layout.scss
View File

@ -113,7 +113,8 @@
ul { ul {
padding-left: 0; padding-left: 0;
} }
.application-edit__env-list-item { .block-list__footer {
border-bottom: none;
} }
} }
} }

16
templates/portfolios/applications/edit.html
View File

@ -8,9 +8,9 @@
<div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div> <div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
<div class="panel"> <form method="POST" action="{{ url_for('portfolios.edit_application', portfolio_id=portfolio.id, application_id=application.id) }}">
<div class="panel__content"> <div class="panel">
<form method="POST" action="{{ url_for('portfolios.edit_application', portfolio_id=portfolio.id, application_id=application.id) }}"> <div class="panel__content">
{% include "fragments/edit_application_form.html" %} {% include "fragments/edit_application_form.html" %}
@ -34,11 +34,11 @@
</ul> </ul>
</div> </div>
<div class="action-group"> </div>
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
</div>
</form>
</div> </div>
</div> <div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
</div>
</form>
{% endblock %} {% endblock %}

24
templates/portfolios/applications/new.html
View File

@ -14,11 +14,10 @@
<div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div> <div class='subheading'>{{ 'portfolios.applications.settings_heading' | translate }}</div>
<div class="panel"> <new-application inline-template v-bind:initial-data='{{ form.data|tojson }}' modal-name='{{ modalName }}'>
<div class="panel__content"> <form method="POST" action="{{ url_for('portfolios.create_application', portfolio_id=portfolio.id) }}" v-on:submit="handleSubmit">
<div class="panel">
<new-application inline-template v-bind:initial-data='{{ form.data|tojson }}' modal-name='{{ modalName }}'> <div class="panel__content">
<form method="POST" action="{{ url_for('portfolios.create_application', portfolio_id=portfolio.id) }}" v-on:submit="handleSubmit">
{% call Modal(name=modalName, dismissable=False) %} {% call Modal(name=modalName, dismissable=False) %}
<h1>Create application !{ name }</h1> <h1>Create application !{ name }</h1>
@ -72,13 +71,14 @@
</div> </div>
</div> </div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.create_button_text' | translate }}</button>
</div>
</form>
</new-application>
</div> </div>
</div> </div>
<div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.create_button_text' | translate }}</button>
</div>
</form>
</new-application>
{% endblock %} {% endblock %}