Adjust margins on home page, globally fix hr elements to default to having margins, and add class for hr elements to span full width of their container
This commit is contained in:
parent
2584c43c90
commit
217a29b0dc
@ -88,5 +88,9 @@ p {
|
|||||||
hr {
|
hr {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: 1px solid $color-gray-light;
|
border-bottom: 1px solid $color-gray-light;
|
||||||
|
margin: ($gap * 3) 0;
|
||||||
|
|
||||||
|
&.full-width {
|
||||||
margin: ($gap * 3) ($site-margins * -4);
|
margin: ($gap * 3) ($site-margins * -4);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
.home {
|
.home {
|
||||||
|
margin: $gap * 3;
|
||||||
.sticky-cta {
|
.sticky-cta {
|
||||||
margin: -1.6rem -1.6rem 0 -1.6rem;
|
margin: -1.6rem -1.6rem 0 -1.6rem;
|
||||||
}
|
}
|
||||||
|
@ -100,7 +100,7 @@
|
|||||||
{{ CheckboxInput(form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt, optional=True) }}
|
{{ CheckboxInput(form.perms_env_mgmt, classes="input__inline-fields", key=env_mgmt, id=env_mgmt, optional=True) }}
|
||||||
{{ CheckboxInput(form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env, optional=True) }}
|
{{ CheckboxInput(form.perms_del_env, classes="input__inline-fields", key=del_env, id=del_env, optional=True) }}
|
||||||
</div>
|
</div>
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
<div class="environment_roles environment-roles-new">
|
<div class="environment_roles environment-roles-new">
|
||||||
<h2>{{ "portfolios.applications.members.form.env_access.title" | translate }}</h2>
|
<h2>{{ "portfolios.applications.members.form.env_access.title" | translate }}</h2>
|
||||||
<p class='usa-input__help subtitle'>
|
<p class='usa-input__help subtitle'>
|
||||||
|
@ -40,7 +40,7 @@
|
|||||||
{% call Modal(modal_name, classes="form-content--app-mem") %}
|
{% call Modal(modal_name, classes="form-content--app-mem") %}
|
||||||
<div class="modal__form--header">
|
<div class="modal__form--header">
|
||||||
<h1>{{ Icon('avatar') }} {{ "portfolios.applications.members.form.edit_access_header" | translate({ "user": member.user_name }) }}</h1>
|
<h1>{{ Icon('avatar') }} {{ "portfolios.applications.members.form.edit_access_header" | translate({ "user": member.user_name }) }}</h1>
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
</div>
|
</div>
|
||||||
<base-form inline-template>
|
<base-form inline-template>
|
||||||
<form id='{{ modal_name }}' method="POST" action="{{ url_for(action_update, application_id=application.id, application_role_id=member.role_id,) }}">
|
<form id='{{ modal_name }}' method="POST" action="{{ url_for(action_update, application_id=application.id, application_role_id=member.role_id,) }}">
|
||||||
@ -59,7 +59,7 @@
|
|||||||
{% call Modal(resend_invite_modal, classes="form-content--app-mem") %}
|
{% call Modal(resend_invite_modal, classes="form-content--app-mem") %}
|
||||||
<div class="modal__form--header">
|
<div class="modal__form--header">
|
||||||
<h1>{{ "portfolios.applications.members.new.verify" | translate }}</h1>
|
<h1>{{ "portfolios.applications.members.new.verify" | translate }}</h1>
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
</div>
|
</div>
|
||||||
<base-form inline-template :enable-save="true">
|
<base-form inline-template :enable-save="true">
|
||||||
<form id='{{ resend_invite_modal }}' method="POST" action="{{ url_for('applications.resend_invite', application_id=application.id, application_role_id=member.role_id) }}">
|
<form id='{{ resend_invite_modal }}' method="POST" action="{{ url_for('applications.resend_invite', application_id=application.id, application_role_id=member.role_id) }}">
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
{% import "applications/fragments/member_form_fields.html" as member_fields %}
|
{% import "applications/fragments/member_form_fields.html" as member_fields %}
|
||||||
|
|
||||||
{% macro MemberFormTemplate(title=None, next_button=None, previous=True) %}
|
{% macro MemberFormTemplate(title=None, next_button=None, previous=True) %}
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
{% if title %} <h1>{{ title }}</h1> {% endif %}
|
{% if title %} <h1>{{ title }}</h1> {% endif %}
|
||||||
|
|
||||||
{{ caller() }}
|
{{ caller() }}
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
{% set step_one %}
|
{% set step_one %}
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
<h1>Invite new portfolio member</h1>
|
<h1>Invite new portfolio member</h1>
|
||||||
<div class='form-row'>
|
<div class='form-row'>
|
||||||
<div class='form-col form-col--half'>
|
<div class='form-col form-col--half'>
|
||||||
@ -52,7 +52,7 @@
|
|||||||
</div>
|
</div>
|
||||||
{% endset %}
|
{% endset %}
|
||||||
{% set step_two %}
|
{% set step_two %}
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
<h1>Assign member permissions</h1>
|
<h1>Assign member permissions</h1>
|
||||||
<a class='icon-link'>
|
<a class='icon-link'>
|
||||||
{{ Icon('info') }}
|
{{ Icon('info') }}
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
{% from "components/options_input.html" import OptionsInput %}
|
{% from "components/options_input.html" import OptionsInput %}
|
||||||
|
|
||||||
{% set step_one %}
|
{% set step_one %}
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
<h1>{{ "fragments.ppoc.update_ppoc_title" | translate }}</h1>
|
<h1>{{ "fragments.ppoc.update_ppoc_title" | translate }}</h1>
|
||||||
|
|
||||||
{{
|
{{
|
||||||
@ -42,7 +42,7 @@
|
|||||||
{% endset %}
|
{% endset %}
|
||||||
|
|
||||||
{% set step_two %}
|
{% set step_two %}
|
||||||
<hr>
|
<hr class="full-width">
|
||||||
<h1>{{ "fragments.ppoc.update_ppoc_confirmation_title" | translate }}</h1>
|
<h1>{{ "fragments.ppoc.update_ppoc_confirmation_title" | translate }}</h1>
|
||||||
|
|
||||||
{{
|
{{
|
||||||
|
Loading…
x
Reference in New Issue
Block a user