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

Touch up styles on member edit page

Browse Source
This commit is contained in:
Patrick Smith 2019-02-12 11:16:50 -05:00
parent 8669502222
commit b98d43a686
2 changed files with 192 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
styles/sections/_member_edit.scss
View File

@ -1,3 +1,37 @@
.member-edit {
.panel {
@include shadow-panel;
margin: $gap;
padding: 2 * $gap $gap;
}
.subheading {
@include subheading;
}
.manage-access {
padding: 2 * $gap;
.subtitle {
font-style: italic;
font-size: $small-font-size;
color: $color-gray;
}
}
.application-list-item {
margin: 2 * $gap 3 * $gap;
.block-list__header {
border-top-color: $color-gray-light;
}
}
.search-bar {
margin: 2 * $gap;
}
}
.member-card { .member-card {
@include grid-row; @include grid-row;
padding: $gap*2; padding: $gap*2;

19
templates/portfolios/members/edit.html
View File

@ -13,7 +13,10 @@
<form method="POST" action="{{ url_for('portfolios.update_member', portfolio_id=portfolio.id, member_id=member.user_id) }}" autocomplete="false"> <form method="POST" action="{{ url_for('portfolios.update_member', portfolio_id=portfolio.id, member_id=member.user_id) }}" autocomplete="false">
{{ form.csrf_token }} {{ form.csrf_token }}
<div class='panel member-card'> <div class='member-edit'>
<div class="subheading">Edit Portfolio Member</div>
<div class="panel">
<div class='member-card'>
<div class='member-card__header'> <div class='member-card__header'>
<h1 class='member-card__heading'>{{ member.user.full_name }}</h1> <h1 class='member-card__heading'>{{ member.user.full_name }}</h1>
@ -61,10 +64,9 @@
</div> </div>
</div> </div>
<div class="panel"> <div class="manage-access">
<div class="panel__heading panel__heading--tight"> <div class="subheading">Manage Access</div>
<h2 class="h3">Manage Access <div class="subtitle">Grant access to an environment</div></h2> <div class="subtitle">Grant access to an environment</div>
</div>
</div> </div>
<div class='search-bar'> <div class='search-bar'>
@ -173,6 +175,9 @@
</edit-application-roles> </edit-application-roles>
{% endfor %} {% endfor %}
</div>
</div>
<div class='action-group'> <div class='action-group'>
<button class='action-group__action usa-button usa-button-big'> <button class='action-group__action usa-button usa-button-big'>
{% if is_new_member %}Create{% else %}Save{% endif %} {% if is_new_member %}Create{% else %}Save{% endif %}
@ -183,8 +188,6 @@
</a> </a>
</div> </div>
</form> </form>
{% endblock %} {% endblock %}