Standardize accordion positioning for kebobs

This commit is contained in:
Rachid Mrad 2024-11-01 14:47:03 -04:00
parent e26565c947
commit 140524fa44
No known key found for this signature in database
3 changed files with 5 additions and 9 deletions

View file

@ -202,7 +202,7 @@ function generateKebabHTML(action, unique_id, modal_button_text, screen_reader_t
</svg> </svg>
</button> </button>
</div> </div>
<div id="more-actions-${unique_id}" class="usa-accordion__content usa-prose shadow-1 left-auto right-0" hidden> <div id="more-actions-${unique_id}" class="usa-accordion__content usa-prose shadow-1 left-auto right-neg-1" hidden>
<h2>More options</h2> <h2>More options</h2>
${generateModalButton()} <!-- Desktop button --> ${generateModalButton()} <!-- Desktop button -->
</div> </div>
@ -1795,7 +1795,7 @@ class DomainRequestsTable extends BaseTable {
const delheader = document.createElement('th'); const delheader = document.createElement('th');
delheader.setAttribute('scope', 'col'); delheader.setAttribute('scope', 'col');
delheader.setAttribute('role', 'columnheader'); delheader.setAttribute('role', 'columnheader');
delheader.setAttribute('class', 'delete-header'); delheader.setAttribute('class', 'delete-header width-5');
delheader.innerHTML = ` delheader.innerHTML = `
<span class="usa-sr-only">Delete Action</span>`; <span class="usa-sr-only">Delete Action</span>`;
let tableHeaderRow = this.tableWrapper.querySelector('thead tr'); let tableHeaderRow = this.tableWrapper.querySelector('thead tr');
@ -2013,7 +2013,7 @@ class MembersTable extends BaseTable {
const extraActionsHeader = document.createElement('th'); const extraActionsHeader = document.createElement('th');
extraActionsHeader.setAttribute('id', 'extra-actions'); extraActionsHeader.setAttribute('id', 'extra-actions');
extraActionsHeader.setAttribute('role', 'columnheader'); extraActionsHeader.setAttribute('role', 'columnheader');
extraActionsHeader.setAttribute('class', 'extra-actions-header'); extraActionsHeader.setAttribute('class', 'extra-actions-header width-5');
extraActionsHeader.innerHTML = ` extraActionsHeader.innerHTML = `
<span class="usa-sr-only">Extra Actions</span>`; <span class="usa-sr-only">Extra Actions</span>`;
let tableHeaderRow = this.tableWrapper.querySelector('thead tr'); let tableHeaderRow = this.tableWrapper.querySelector('thead tr');

View file

@ -510,5 +510,4 @@ class User(AbstractUser):
return True # The user is the only admin return True # The user is the only admin
# If there are other admins or the user is not the only one # If there are other admins or the user is not the only one
print(f"{self} is NOT the only admin for portfolio {portfolio}.")
return False return False

View file

@ -2,9 +2,6 @@
{% load static field_helpers%} {% load static field_helpers%}
{% block title %}Organization member {% block title %}Organization member
<script>
console.log("Inline test in the organization member block");
</script>
{% endblock %} {% endblock %}
{% load static %} {% load static %}
@ -44,7 +41,7 @@
data-num-domains="{{ portfolio_permission.get_managed_domains_count }}" data-num-domains="{{ portfolio_permission.get_managed_domains_count }}"
data-member-email="{{ member.email }}" data-member-email="{{ member.email }}"
> >
MEMBER KEBAB SHOULD BE HERE <!-- JS should inject member kebob here -->
</div> </div>
{% elif portfolio_invitation %} {% elif portfolio_invitation %}
<div id="wrapper-delete-action" <div id="wrapper-delete-action"
@ -54,7 +51,7 @@
data-num-domains="{{ portfolio_invitation.get_managed_domains_count }}" data-num-domains="{{ portfolio_invitation.get_managed_domains_count }}"
data-member-email="{{ portfolio_invitation.email }}" data-member-email="{{ portfolio_invitation.email }}"
> >
INV KEBAB SHOULD BE HERE <!-- JS should inject invited kebob here -->
</div> </div>
{% endif %} {% endif %}
{% endif %} {% endif %}