target last view only row to position the kebob correctly

This commit is contained in:
Rachid Mrad 2025-03-19 18:17:15 -04:00
parent 96883fb678
commit f6f7e5bf9e
No known key found for this signature in database
3 changed files with 5 additions and 4 deletions

View file

@ -67,7 +67,8 @@
// Currently, that's not an issue since that Members table is not wrapped in the // Currently, that's not an issue since that Members table is not wrapped in the
// reponsive wrapper. // reponsive wrapper.
@include at-media-max("desktop") { @include at-media-max("desktop") {
tr:not(.edit-row):last-of-type .usa-accordion--more-actions .usa-accordion__content { tr:last-of-type .usa-accordion--more-actions .usa-accordion__content,
tr.view-only-row:nth-last-of-type(1) .usa-accordion--more-actions .usa-accordion__content {
top: auto; top: auto;
bottom: -10px; bottom: -10px;
right: 20px; right: 20px;

View file

@ -177,7 +177,7 @@
<a <a
role="button" role="button"
id="button-trigger-delete-dsdata-{{ forloop.counter }}" id="button-trigger-delete-dsdata-{{ forloop.counter }}"
class="usa-button usa-button--unstyled text-no-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex dsdata-delete-kebab" class="usa-button usa-button--unstyled text-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex dsdata-delete-kebab"
> >
<svg class="usa-icon" 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#delete"></use> <use xlink:href="/public/img/sprite.svg#delete"></use>

View file

@ -140,7 +140,7 @@
{{ form.domain }} {{ form.domain }}
<!-- Readonly row --> <!-- Readonly row -->
<tr> <tr class="view-only-row">
<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">
@ -154,7 +154,7 @@
<a <a
role="button" role="button"
id="button-trigger-delete-{{ form.server.value }}" id="button-trigger-delete-{{ form.server.value }}"
class="usa-button usa-button--unstyled text-no-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex nameserver-delete-kebab" class="usa-button usa-button--unstyled text-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex nameserver-delete-kebab"
> >
<svg class="usa-icon" 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#delete"></use> <use xlink:href="/public/img/sprite.svg#delete"></use>