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

Refactor HTML and styles of new app provisioning

Browse Source 
- remove "panel__content" div wrapper
- add margin helper to p tags in steps 2 and 3 for flashed message
This commit is contained in:
graham-dds 2019-10-09 15:20:22 -04:00
parent 9faf55f2d6
commit e49257ca35
4 changed files with 97 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
styles/components/_portfolio_layout.scss
View File

@ -219,6 +219,8 @@
} }
.application-content { .application-content {
margin-top: $gap * 4;
.subheading { .subheading {
@include subheading; @include subheading;
position: relative; position: relative;

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

@ -23,23 +23,20 @@
<application-name-and-description inline-template v-bind:initial-data='{{ form.data|tojson }}'> <application-name-and-description inline-template v-bind:initial-data='{{ form.data|tojson }}'>
<form method="POST" action="{{ action }}" v-on:submit="handleSubmit"> <form method="POST" action="{{ action }}" v-on:submit="handleSubmit">
<div class="panel__content">
{{ form.csrf_token }} {{ form.csrf_token }}
<div class="form-row"> <div class="form-row">
<div class="form-col form-col--two-thirds"> <div class="form-col">
{{ TextInput(form.name, optional=False) }} {{ TextInput(form.name, optional=False) }}
{{ ('portfolios.applications.new.step_1_form_help_text.name' | translate | safe) }} {{ ('portfolios.applications.new.step_1_form_help_text.name' | translate | safe) }}
</div> </div>
</div> </div>
<hr> <hr class="panel__break">
<div class="form-row"> <div class="form-row">
<div class="form-col form-col--two-thirds"> <div class="form-col form-col--two-thirds">
{{ TextInput(form.description, paragraph=True, optional=True) }} {{ TextInput(form.description, paragraph=True, optional=True) }}
{{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }} {{ ('portfolios.applications.new.step_1_form_help_text.description' | translate | safe) }}
</div> </div>
</div> </div>
</div>
<span class="action-group"> <span class="action-group">
{% block next_button %} {% block next_button %}

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

@ -16,11 +16,10 @@
{% set modalName = "newApplicationConfirmation" %} {% set modalName = "newApplicationConfirmation" %}
{% include "fragments/flash.html" %} {% include "fragments/flash.html" %}
<div class="panel__content">
<p> <p>
{{ 'portfolios.applications.new.step_2_description' | translate }} {{ 'portfolios.applications.new.step_2_description' | translate }}
</p> </p>
<hr> <hr class="panel__break">
<application-environments inline-template v-bind:initial-data='{{ form.data|tojson }}'> <application-environments inline-template v-bind:initial-data='{{ form.data|tojson }}'>
<form method="POST" action="{{ url_for('applications.update_new_application_step_2', portfolio_id=portfolio.id, application_id=application.id) }}" v-on:submit="handleSubmit"> <form method="POST" action="{{ url_for('applications.update_new_application_step_2', portfolio_id=portfolio.id, application_id=application.id) }}" v-on:submit="handleSubmit">
<div class="subheading">{{ 'portfolios.applications.environments_heading' | translate }}</div> <div class="subheading">{{ 'portfolios.applications.environments_heading' | translate }}</div>
@ -76,6 +75,5 @@
</span> </span>
</form> </form>
</application-environments> </application-environments>
</div>
{% endblock %} {% endblock %}

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

@ -11,11 +11,10 @@
{% block application_content %} {% block application_content %}
{% include "fragments/flash.html" %} {% include "fragments/flash.html" %}
<div class="panel__content">
<p> <p>
{{ ('portfolios.applications.new.step_3_description' | translate) }} {{ ('portfolios.applications.new.step_3_description' | translate) }}
</p> </p>
<hr> <hr class="panel__break">
{{ MemberManagementTemplate( {{ MemberManagementTemplate(
application, application,
@ -36,6 +35,6 @@
Cancel Cancel
</a> </a>
</span> </span>
</div>
{% endblock %} {% endblock %}