Final tweaks to the app members table

This commit is contained in:
leigh-mil 2019-10-21 15:01:04 -04:00
parent 750ea6568b
commit 176b9b4e25
3 changed files with 20 additions and 24 deletions

View File

@ -242,16 +242,8 @@
padding-bottom: 2rem; padding-bottom: 2rem;
table { table {
thead, .form-row {
tbody { margin: 0;
tr {
th,
td {
&:last-child {
border-left: none;
}
}
}
} }
} }
} }

View File

@ -52,6 +52,7 @@ table.atat-table {
border: 1px solid $color-gray-lighter; border: 1px solid $color-gray-lighter;
display: table-cell; display: table-cell;
white-space: nowrap; white-space: nowrap;
vertical-align: top;
&:first-child { &:first-child {
border-left: none; border-left: none;

View File

@ -118,7 +118,6 @@
<th>Member</th> <th>Member</th>
<th>Application Permissions</th> <th>Application Permissions</th>
<th>Environment Access</th> <th>Environment Access</th>
<th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -143,19 +142,23 @@
{% endfor %} {% endfor %}
</td> </td>
<td> <td>
{% for env in member.environment_roles %} <div class="form-row">
{{ env.environment_name }}<br> <div class="form-col form-col--two-thirds">
{% endfor %} {% for env in member.environment_roles %}
</td> {{ env.environment_name }}<br>
<td> {% endfor %}
{% if member.role_status == 'pending' -%} </div>
{% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %} <div class="form-col form-col--one-third">
{% set resend_invite_modal = "resend_invite-{}".format(member.role_id) %} {% if member.role_status == 'pending' -%}
<a v-on:click='openModal("{{ resend_invite_modal }}")'>Resend Invite</a><br> {% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %}
{% if user_can(permissions.DELETE_APPLICATION_MEMBER) -%} {% set resend_invite_modal = "resend_invite-{}".format(member.role_id) %}
<a v-on:click='openModal("{{ revoke_invite_modal }}")'>{{ 'invites.revoke' | translate }}</a> <a v-on:click='openModal("{{ resend_invite_modal }}")'>Resend Invite</a><br>
{%- endif %} {% if user_can_delete_app_member -%}
{%- endif %} <a v-on:click='openModal("{{ revoke_invite_modal }}")'>{{ 'invites.revoke' | translate }}</a>
{%- endif %}
{%- endif %}
</div>
</div>
</td> </td>
</tr> </tr>
{% endfor %} {% endfor %}