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:
leigh-mil 2019-12-18 16:18:47 -05:00
parent 2584c43c90
commit 217a29b0dc
7 changed files with 14 additions and 9 deletions

View File

@ -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);
}
} }

View File

@ -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;
} }

View File

@ -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'>

View File

@ -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) }}">

View File

@ -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() }}

View File

@ -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') }}

View File

@ -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>
{{ {{