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

Use shared CSS for portfolio members table

Browse Source
This commit is contained in:
Montana 2019-04-11 14:37:50 -04:00
parent 018eecefc7
commit ce8d219ad9
2 changed files with 48 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
styles/components/_accordion_table.scss
View File

@ -59,8 +59,8 @@
} }
} }
th, td { th, td, tr {
border-bottom: none; border-bottom: 1px dashed $color-gray-lightest;
} }
th[scope=rowgroup] { th[scope=rowgroup] {
@ -77,7 +77,7 @@
} }
border-bottom: 1px dashed $color-white; border-bottom: 1px dashed $color-white;
background-color: $color-blue-light; background-color: $color-gray-lightest;
} }
} }
} }

15
templates/fragments/admin/portfolio_members.html
View File

@ -6,7 +6,7 @@
{% from "components/alert.html" import Alert %} {% from "components/alert.html" import Alert %}
<section class="member-list" id="portfolio-members"> <section class="member-list" id="portfolio-members">
<div class='responsive-table-wrapper panel'> <div class='responsive-table-wrapper panel accordion-table'>
{% if g.matchesPath("portfolio-members") %} {% if g.matchesPath("portfolio-members") %}
{% include "fragments/flash.html" %} {% include "fragments/flash.html" %}
{% endif %} {% endif %}
@ -14,18 +14,22 @@
<form method='POST' id="member-perms" action='{{ url_for("portfolios.edit_portfolio_members", portfolio_id=portfolio.id) }}' autocomplete="off" enctype="multipart/form-data"> <form method='POST' id="member-perms" action='{{ url_for("portfolios.edit_portfolio_members", portfolio_id=portfolio.id) }}' autocomplete="off" enctype="multipart/form-data">
{{ member_perms_form.csrf_token }} {{ member_perms_form.csrf_token }}
<div class='member-list-header'> <div class='application-list-item'>
<div class='left'> <header>
<div class='accordion-table__header'>
<div class='accordion-table__title'>
<div class='h3'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div> <div class='h3'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div>
<div class='subheading'> <div class='subheading'>
{{ "portfolios.admin.portfolio_members_subheading" | translate }} {{ "portfolios.admin.portfolio_members_subheading" | translate }}
</div> </div>
</div> </div>
<a class='icon-link'> <a class='icon-link'>
{{ Icon('info') }} {{ Icon('info') }}
{{ "portfolios.admin.settings_info" | translate }} {{ "portfolios.admin.settings_info" | translate }}
</a> </a>
</div> </div>
</header>
{% if not portfolio.members %} {% if not portfolio.members %}
<p>{{ "portfolios.admin.no_members" | translate }}</p> <p>{{ "portfolios.admin.no_members" | translate }}</p>
@ -52,6 +56,7 @@
</tbody> </tbody>
</table> </table>
</div>
<div class="members-table-footer"> <div class="members-table-footer">
<div class="action-group save"> <div class="action-group save">
{% if user_can(permissions.EDIT_PORTFOLIO_USERS) %} {% if user_can(permissions.EDIT_PORTFOLIO_USERS) %}
@ -59,8 +64,8 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
{% endif %}
{% endif %}
</form> </form>
</base-form> </base-form>
@ -90,6 +95,8 @@
{% endcall %} {% endcall %}
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
<div class="members-table-footer"> <div class="members-table-footer">
<div class="action-group"> <div class="action-group">