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

Styling

Browse Source
This commit is contained in:
Montana 2019-03-19 10:56:54 -04:00
parent f1060db200
commit 45b0bf9976
2 changed files with 90 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
styles/components/_portfolio_layout.scss
View File

@ -168,14 +168,51 @@
.member-list { .member-list {
.panel { .panel {
@include shadow-panel; @include shadow-panel;
padding-bottom: 0;
}
.member-list-header {
margin: 2 * $gap 5 * $gap;
padding: inherit;
overflow: auto;
.left {
float: left;
padding-bottom: 0.8rem;
}
.icon-link {
float: right;
margin-top: 0.8rem;
}
.icon {
}
}
.subheading {
font-size: 1.4rem;
color: $color-gray;
} }
table { table {
box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3); box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
thead { thead {
th:first-child { th:first-child {
padding-left: 3 * $gap; padding-left: 3 * $gap;
} }
tr:first-child {
padding: 0 2 * $gap 0 5 * $gap;
}
td {
font-weight: bold;
font-size: 1.4rem;
border-top: 0;
}
} }
th { th {
@ -186,8 +223,29 @@
color: $color-gray; color: $color-gray;
} }
td { td:first-child {
border-bottom: 1px solid $color-gray-lightest; padding: 2 * $gap 2 * $gap 2 * $gap 5 * $gap;
}
tbody {
td {
border-bottom: 1px solid $color-gray-lightest;
font-size: 1.6rem;
border-top: 0;
padding: 3 * $gap 2 * $gap;
}
.green {
color: $color-green;
}
.name {
font-weight: bold;
.you {
font-size: 1.2rem;
}
}
} }
.add-member-link { .add-member-link {

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

@ -1,8 +1,19 @@
{% from "components/icon.html" import Icon %}
<section class="member-list"> <section class="member-list">
<div class='responsive-table-wrapper panel'> <div class='responsive-table-wrapper panel'>
<div class='title'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div> <div class='member-list-header'>
<div class='subheading'>{{ "portfolios.admin.portfolio_members_subheading" | translate }}</div> <div class='left'>
<a class='icon-link'>{{ "portfolios.admin.settings_info" | translate }}</a> <div class='h3'>{{ "portfolios.admin.portfolio_members_title" | translate }}</div>
<div class='subheading'>
{{ "portfolios.admin.portfolio_members_subheading" | translate }}
</div>
</div>
<a class='icon-link'>
<span class='icon'>{{ Icon('info') }}</span>
{{ "portfolios.admin.settings_info" | translate }}
</a>
</div>
{% if not portfolio.members %} {% if not portfolio.members %}
@ -14,47 +25,33 @@
<thead> <thead>
<tr> <tr>
<td class='members-table-cell'>{{ "portfolios.members.permissions.name" | translate }}</td> <td>{{ "portfolios.members.permissions.name" | translate }}</td>
<td class='members-table-cell'>{{ "portfolios.members.permissions.app_mgmt" | translate }}</td> <td>{{ "portfolios.members.permissions.app_mgmt" | translate }}</td>
<td class='members-table-cell'>{{ "portfolios.members.permissions.funding" | translate }}</td> <td>{{ "portfolios.members.permissions.funding" | translate }}</td>
<td class='members-table-cell'>{{ "portfolios.members.permissions.reporting" | translate }}</td> <td>{{ "portfolios.members.permissions.reporting" | translate }}</td>
<td class='members-table-cell'>{{ "portfolios.members.permissions.portfolio_mgmt" | translate }}</td> <td>{{ "portfolios.members.permissions.portfolio_mgmt" | translate }}</td>
<td class='members-table-cell'></td> <td></td>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for member in portfolio.members %} {% for member in portfolio.members %}
<tr> <tr>
<td>{{ member.user_name }} <td class='name'>{{ member.user_name }}
{% if member.user == user %} {% if member.user == user %}
(you) <span class='you'>(<a>you</a>)</span>
{% endif %} {% endif %}
</td> </td>
{% set heading_perms = ['edit_application', 'view_portfolio_funding', 'view_portfolio_reports', 'edit_portfolio_name'] %}
{% if 'edit_application' in member.permissions %} {% for perm in heading_perms %}
<td>Edit Access</td> {% if perm in member.permissions %}
{% else %} <td><a>Edit Access</a></td>
<td>View Only</td> {% else %}
{% endif %} <td>View Only</td>
{% endif %}
{% endfor %}
{% if 'view_portfolio_funding' in member.permissions %}
<td>Edit Access</td>
{% else %}
<td>View Only</td>
{% endif %}
{% if 'view_portfolio_reports' in member.permissions %}
<td>Edit Access</td>
{% else %}
<td>View Only</td>
{% endif %}
{% if 'edit_portfolio_name' in member.permissions %}
<td>Edit Access</td>
{% else %}
<td>View Only</td>
{% endif %}
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>