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

Fix styling

Browse Source
This commit is contained in:
Montana 2019-04-09 15:09:30 -04:00
parent 5a10e0658a
commit 397aae2e3d
6 changed files with 21 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
styles/components/_accordion_table.scss
View File

@ -38,6 +38,7 @@
.accordion-table__items { .accordion-table__items {
.accordion-table__item__toggler { .accordion-table__item__toggler {
@include icon-link-color($color-blue, $color-gray-lightest); @include icon-link-color($color-blue, $color-gray-lightest);
float: right;
margin-left: -$gap; margin-left: -$gap;
color: $color-blue; color: $color-blue;

4
styles/elements/_panels.scss
View File

@ -107,6 +107,10 @@
} }
} }
.panel__footer {
padding: 3 * $gap;
}
hr { hr {
border: 0; border: 0;
border-bottom: 1px dashed $color-gray-light; border-bottom: 1px dashed $color-gray-light;

2
styles/sections/_application_list.scss
View File

@ -35,8 +35,6 @@
} }
.icon-link { .icon-link {
float: right;
.icon--info { .icon--info {
bottom: -1px; bottom: -1px;
left: 4px; left: 4px;

6
templates/fragments/applications/environments.html
View File

@ -2,8 +2,8 @@
<div class="application-list-item"> <div class="application-list-item">
<header> <header>
<div class="list-header"> <div class="accordion-table__header">
<div class='left'> <div class='accordion-table__title'>
<div class='h3'>{{ 'portfolios.applications.environments_heading' | translate }}</div> <div class='h3'>{{ 'portfolios.applications.environments_heading' | translate }}</div>
</div> </div>
<a class='icon-link'> <a class='icon-link'>
@ -36,7 +36,7 @@
</tr> </tr>
<tr scope='rowgroup' v-for='member in members_list' v-show='environmentsState[name].isVisible' class='accordion-table__item__expanded'> <tr scope='rowgroup' v-for='member in members_list' v-show='environmentsState[name].isVisible' class='accordion-table__item__expanded'>
<td class='table-cell--expand'> <td>
<div> <div>
<span v-html='member'></span> <span v-html='member'></span>
</div> </div>

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

@ -16,20 +16,24 @@
{% include "fragments/applications/edit_application_form.html" %} {% include "fragments/applications/edit_application_form.html" %}
</div> </div>
<div class="action-group"> <div class="panel__footer">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button> <div class="action-group">
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
</div>
</div> </div>
</div> </div>
</form> </form>
<div class="accordion-table responsive-table-wrapper panel"> <div class="accordion-table responsive-table-wrapper panel">
{% include "fragments/applications/environments.html" %} {% include "fragments/applications/environments.html" %}
<div class="action-group"> <div class="panel__footer">
<a class='icon-link'> <div class="action-group">
{{ "portfolios.applications.add_environment" | translate }} <button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button>
{{ Icon('plus-circle-solid') }} <a class='icon-link'>
</a> {{ "portfolios.applications.add_environment" | translate }}
<button class="usa-button usa-button-primary" tabindex="0" type="submit">{{ 'portfolios.applications.update_button_text' | translate }}</button> {{ Icon('plus-circle-solid') }}
</a>
</div>
</div> </div>
</div> </div>

2
translations.yaml
View File

@ -580,7 +580,7 @@ portfolios:
existing_application_title: '{application_name} Application Settings' existing_application_title: '{application_name} Application Settings'
new_application_title: New Application new_application_title: New Application
settings_heading: Application Settings settings_heading: Application Settings
environments_heading: Environments environments_heading: Application Environments
environments_description: Each environment created within an application is logically separated from one another for easier management and security. environments_description: Each environment created within an application is logically separated from one another for easier management and security.
update_button_text: Save update_button_text: Save
create_button_text: Create create_button_text: Create