UI tweaks

This commit is contained in:
Rachid Mrad 2025-03-19 19:03:20 -04:00
parent f6f7e5bf9e
commit 8d1f57b1ab
No known key found for this signature in database
3 changed files with 7 additions and 7 deletions

View file

@ -103,7 +103,7 @@ export function generateKebabHTML(action, unique_id, modal_button_text, screen_r
<div class="usa-accordion__heading"> <div class="usa-accordion__heading">
<button <button
type="button" type="button"
class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions" class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions margin-top-2px"
aria-expanded="false" aria-expanded="false"
aria-controls="more-actions-${unique_id}" aria-controls="more-actions-${unique_id}"
aria-label="${screen_reader_text}" aria-label="${screen_reader_text}"

View file

@ -144,7 +144,7 @@
{% endcomment %} {% endcomment %}
<!-- Readonly row --> <!-- Readonly row -->
<tr> <tr class="view-only-row">
<td>{{ form.key_tag.value }}</td> <td>{{ form.key_tag.value }}</td>
<td> <td>
<span class="ellipsis ellipsis--15"> <span class="ellipsis ellipsis--15">
@ -189,12 +189,12 @@
<div class="usa-accordion__heading"> <div class="usa-accordion__heading">
<button <button
type="button" type="button"
class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions margin-top-0" class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions margin-top-2px"
aria-expanded="false" aria-expanded="false"
aria-controls="more-actions-dsdata-{{ forloop.counter }}" aria-controls="more-actions-dsdata-{{ forloop.counter }}"
aria-label="More Actions for DS record {{ forloop.counter }}" aria-label="More Actions for DS record {{ forloop.counter }}"
> >
<svg class="usa-icon top-2px" aria-hidden="true" focusable="false" role="img" width="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#more_vert"></use> <use xlink:href="/public/img/sprite.svg#more_vert"></use>
</svg> </svg>
</button> </button>

View file

@ -140,7 +140,7 @@
{{ form.domain }} {{ form.domain }}
<!-- Readonly row --> <!-- Readonly row -->
<tr class="view-only-row"> <tr>
<td colspan="2" aria-colspan="2">{{ form.server.value }} {% if form.ip.value %}({{ form.ip.value }}){% endif %}</td> <td colspan="2" aria-colspan="2">{{ form.server.value }} {% if form.ip.value %}({{ form.ip.value }}){% endif %}</td>
<td class="padding-right-0"> <td class="padding-right-0">
<div class="tablet:display-flex tablet:flex-row"> <div class="tablet:display-flex tablet:flex-row">
@ -166,12 +166,12 @@
<div class="usa-accordion__heading"> <div class="usa-accordion__heading">
<button <button
type="button" type="button"
class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions margin-top-0" class="usa-button usa-button--unstyled usa-button--with-icon usa-accordion__button usa-button--more-actions margin-top-2px"
aria-expanded="false" aria-expanded="false"
aria-controls="more-actions-{{ form.server.value }}" aria-controls="more-actions-{{ form.server.value }}"
aria-label="More Actions for ({{ form.server.value }})" aria-label="More Actions for ({{ form.server.value }})"
> >
<svg class="usa-icon top-2px" aria-hidden="true" focusable="false" role="img" width="24"> <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
<use xlink:href="/public/img/sprite.svg#more_vert"></use> <use xlink:href="/public/img/sprite.svg#more_vert"></use>
</svg> </svg>
</button> </button>