Refactored margin on portfolio_ pages so that only single-page layouts have left margin

This commit is contained in:
CocoByte 2025-01-02 17:17:43 -07:00
parent 23eb3ebe96
commit ce5e6b7d7c
No known key found for this signature in database
GPG key ID: BBFAA2526384C97F
6 changed files with 283 additions and 279 deletions

View file

@ -9,7 +9,7 @@
{# the entire logged in page goes here #} {# the entire logged in page goes here #}
<div class="grid-row {% if not is_widescreen_centered %}max-width--grid-container{% endif %}"> <div class="grid-row {% if not is_widescreen_centered %}max-width--grid-container{% endif %}">
<div class="tablet:grid-col-11 desktop:grid-col-10 {% if is_widescreen_centered %}tablet:grid-offset-1{% endif %} {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}"> <div class="tablet:grid-col-11 desktop:grid-col-10 {% if is_widescreen_centered %}tablet:grid-offset-1{% endif %}">
{% block messages %} {% block messages %}
{% include "includes/form_messages.html" %} {% include "includes/form_messages.html" %}
{% endblock %} {% endblock %}

View file

@ -8,7 +8,7 @@ Organization member
{% load static %} {% load static %}
{% block portfolio_content %} {% block portfolio_content %}
<div id="main-content"> <div id="main-content" class=" {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}">
{% url 'members' as url %} {% url 'members' as url %}
<nav class="usa-breadcrumb padding-top-0 margin-bottom-3" aria-label="Portfolio member breadcrumb"> <nav class="usa-breadcrumb padding-top-0 margin-bottom-3" aria-label="Portfolio member breadcrumb">

View file

@ -6,7 +6,7 @@
{% load static %} {% load static %}
{% block portfolio_content %} {% block portfolio_content %}
<div id="main-content"> <div id="main-content" class=" {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}">
{% url 'members' as url %} {% url 'members' as url %}
{% if portfolio_permission %} {% if portfolio_permission %}

View file

@ -6,7 +6,7 @@
{% load static %} {% load static %}
{% block portfolio_content %} {% block portfolio_content %}
<div id="main-content"> <div id="main-content" class=" {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}">
{% url 'members' as url %} {% url 'members' as url %}
{% if portfolio_permission %} {% if portfolio_permission %}

View file

@ -11,6 +11,7 @@
{% block portfolio_content %} {% block portfolio_content %}
{% include "includes/form_errors.html" with form=form %} {% include "includes/form_errors.html" with form=form %}
<div id="main-content" class=" {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}">
<!-- Navigation breadcrumbs --> <!-- Navigation breadcrumbs -->
<nav class="usa-breadcrumb padding-top-0" aria-label="Domain request breadcrumb"> <nav class="usa-breadcrumb padding-top-0" aria-label="Domain request breadcrumb">
<ol class="usa-breadcrumb__list"> <ol class="usa-breadcrumb__list">
@ -129,4 +130,5 @@
<button type="submit" class="usa-button">Update Member</button> <button type="submit" class="usa-button">Update Member</button>
</div> </div>
</form> </form>
</div>
{% endblock portfolio_content%} {% endblock portfolio_content%}

View file

@ -10,6 +10,7 @@
{% block portfolio_content %} {% block portfolio_content %}
<div id="main-content" class=" {% if not is_widescreen_centered %}desktop:grid-offset-2{% endif %}">
<!-- Form mesages --> <!-- Form mesages -->
{% include "includes/form_errors.html" with form=form %} {% include "includes/form_errors.html" with form=form %}
{% block messages %} {% block messages %}
@ -186,6 +187,7 @@
</button> </button>
</div> </div>
</div> </div>
</div>
{% endblock portfolio_content%} {% endblock portfolio_content%}