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

Update display of application environments on edit/new app page

Browse Source
This commit is contained in:
Patrick Smith 2019-02-10 13:17:05 -05:00
parent aee6b47cd2
commit aa8986d8a2
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/components/_portfolio_layout.scss
View File

@ -108,6 +108,14 @@
border-top: none;
border-bottom: none;
}
.application-list-item {
ul {
padding-left: 0;
}
.application-edit__env-list-item {
}
}
}
}

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

@ -14,8 +14,8 @@
{% include "fragments/edit_application_form.html" %}
<div class="block-list application-list-item">
<header class="block-list__header--grow">
<div class="application-list-item">
<header>
<h2 class="block-list__title">{{ 'portfolios.applications.environments_heading' | translate }}</h2>
<p>
{{ 'portfolios.applications.environments_description' | translate }}
@ -24,7 +24,7 @@
<ul>
{% for environment in application.environments %}
<li class="block-list__item application-edit__env-list-item">
<li class="application-edit__env-list-item">
<div class="usa-input">
<label>Environment Name</label>
<input type="text" value="{{ environment.name }}" readonly />

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

@ -45,8 +45,8 @@
</div>
</div>
<div class="block-list application-list-item">
<header class="block-list__header--grow">
<div class="application-list-item">
<header>
<h2 class="block-list__title">{{ 'portfolios.applications.environments_heading' | translate }}</h2>
<p>
{{ 'portfolios.applications.environments_description' | translate }}
@ -54,7 +54,7 @@
</header>
<ul>
<li v-for="(environment, i) in environments" class="block-list__item application-edit__env-list-item">
<li v-for="(environment, i) in environments" class="application-edit__env-list-item">
<div class="usa-input">
<label :for="'environment_names-' + i">Environment Name</label>
<input type="text" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production"/>