fix/Makes expando row chevron buttons sticky in report history and sc…

…heduled reports tables (#3954) Co-authored-by: stephanie0x00 <[email protected]>
minvws · Dec 13, 2024 · 5a09e4d · 5a09e4d
1 parent 1ba164c
commit 5a09e4d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/rocky/reports/templates/report_overview/report_history_table.html b/rocky/reports/templates/report_overview/report_history_table.html
@@ -82,7 +82,7 @@
                         <th scope="col" class="nowrap">{% translate "Input Objects" %}</th>
                         <th scope="col" class="nowrap">{% translate "Reference date" %}</th>
                         <th scope="col" class="nowrap">{% translate "Creation date" %}</th>
-                        {% if report.children_reports %}<th scope="col"></th>{% endif %}
+                        {% if report.children_reports %}<th scope="col" class="visually-hidden actions sticky-cell">Details</th>{% endif %}
                     </tr>
                 </thead>
                 <tbody>
@@ -135,7 +135,7 @@
                             <td class="nowrap report_reference_date">{{ report.parent_report.observed_at|date }}</td>
                             <td class="nowrap report_creation_date">{{ report.parent_report.date_generated }}</td>
                             {% if report.children_reports %}
-                                <td>
+                                <td class="sticky-cell">
                                     <button type="button"
                                             class="expando-button icon ti-chevron-down"
                                             data-icon-open-class="icon ti-chevron-down"

diff --git a/rocky/reports/templates/report_overview/scheduled_reports_table.html b/rocky/reports/templates/report_overview/scheduled_reports_table.html
@@ -9,7 +9,7 @@
     <p class="de-emphasized">
         {% blocktranslate with length=scheduled_reports|length total=total_oois %}Showing {{ length }} of {{ total }} reports{% endblocktranslate %}
     </p>
-    <div class="horizontal-scroll">
+    <div class="horizontal-scroll sticky-column">
         <table>
             <caption class="visually-hidden">{% translate "Scheduled reports:" %}</caption>
             <thead>
@@ -19,7 +19,7 @@
                     <th scope="col">{% translate "Scheduled for" %}</th>
                     <th scope="col">{% translate "Recurrence" %}</th>
                     <th scope="col">{% translate "Schedule status" %}</th>
-                    <th scope="col" class="actions"></th>
+                    <th scope="col" class="actions sticky-cell visually-hidden">Details</th>
                 </tr>
             </thead>
             <tbody>
@@ -60,7 +60,7 @@
                                     <span class="label system-tag color-3">{% translate "Disabled" %}</span>
                                 {% endif %}
                             </td>
-                            <td class="actions">
+                            <td class="actions sticky-cell">
                                 <button class="expando-button"
                                         data-icon-open-class="icon ti-chevron-down"
                                         data-icon-close-class="icon ti-chevron-up"