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

Styling

Browse Source
This commit is contained in:
Montana 2019-05-09 08:18:06 -04:00
parent f07ea38b9b
commit b2989e99c9
3 changed files with 45 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
styles/components/_accordion_table.scss
View File

@ -42,6 +42,19 @@
.usa-input { .usa-input {
margin: 0; margin: 0;
.icon-validation {
left: 135%;
}
}
#name {
max-width: none;
border-color: black;
}
.usa-alert {
margin: 2.5rem 0;
} }
select { select {
@ -50,6 +63,11 @@
} }
} }
.new-env {
margin-top: 5rem;
padding: 0 5rem;;
}
.accordion-table__items { .accordion-table__items {
margin: 0; margin: 0;

28
templates/fragments/applications/add_new_environment.html
View File

@ -1,3 +1,4 @@
{% from "components/alert.html" import Alert %}
{% from 'components/save_button.html' import SaveButton %} {% from 'components/save_button.html' import SaveButton %}
{% from "components/text_input.html" import TextInput %} {% from "components/text_input.html" import TextInput %}
{% from "components/toggle_list.html" import ToggleButton, ToggleSection %} {% from "components/toggle_list.html" import ToggleButton, ToggleSection %}
@ -8,26 +9,41 @@
<toggler inline-template> <toggler inline-template>
<div> <div>
{% set add_env_link %} {% set add_env_link %}
<div class="panel__footer">
<div class="action-group">
<a class='icon-link'> <a class='icon-link'>
{{ "portfolios.applications.add_environment" | translate }} {{ "portfolios.applications.add_environment" | translate }}
{{ Icon('plus') }} {{ Icon('plus') }}
</a> </a>
</div>
</div>
{% endset %} {% endset %}
{% call ToggleSection(section_name="add-new-environment") %} {% call ToggleSection(section_name="add-new-environment") %}
<div class="accordion-table__item-content"> <div class="accordion-table__item-content new-env">
<span>{{ "portfolios.applications.create_new_env" | translate }}</span> <div class="h3">{{ "portfolios.applications.create_new_env" | translate }}</div>
<div>{{ "portfolios.applications.create_new_env_info" | translate }}</div> {{ Alert('',
<span>{{ "portfolios.applications.enter_env_name" | translate }}</span> message=("portfolios.applications.create_new_env_info" | translate )
{{ TextInput(new_env_form.name) }} ) }}
<div class="h4">{{ "portfolios.applications.enter_env_name" | translate }}</div>
{{ TextInput(new_env_form.name, label="") }}
</div> </div>
<div class="panel__footer">
<div class="action-group">
<div class='action-group-cancel'>
<a class='action-group-cancel__action icon-link icon-link--default' v-on:click="toggleSection('members')">
{{ "common.cancel" | translate }}
</a>
{{ SaveButton(text=('common.save' | translate), element="input", form="add-new-env") }} {{ SaveButton(text=('common.save' | translate), element="input", form="add-new-env") }}
</div>
</div>
</div>
{% endcall %} {% endcall %}
{{ {{
ToggleButton( ToggleButton(
open_html=add_env_link, open_html=add_env_link,
close_html=add_env_link, close_html="",
section_name="add-new-environment" section_name="add-new-environment"
) )
}} }}

5
templates/fragments/applications/edit_environments.html
View File

@ -126,8 +126,3 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="panel__footer">
<div class="action-group">
</div>
</div>