Răsfoiți Sursa

feat(account): Add sticky bulk actions to account templates (#21987)

Convert bookmarks, notifications, and subscriptions templates to use
the new sticky-actions component with data-driven positioning. Wraps
bulk delete buttons in sticky-actions card for consistent UX.
Martin Hauser 1 lună în urmă
părinte
comite
c71635510c

+ 4 - 2
netbox/templates/account/bookmarks.html

@@ -23,8 +23,10 @@
     </div>
     </div>
 
 
     {# Form buttons #}
     {# Form buttons #}
-    <div class="btn-list d-print-none mt-2">
-      {% bulk_delete_button model query_params=request.GET %}
+    <div class="card btn-list sticky-actions d-print-none" data-sticky-position="right" data-sticky-when="selection">
+      <div class="btn-list bulk-action-buttons">
+        {% bulk_delete_button model query_params=request.GET %}
+      </div>
     </div>
     </div>
   </form>
   </form>
 {% endblock %}
 {% endblock %}

+ 4 - 2
netbox/templates/account/notifications.html

@@ -23,8 +23,10 @@
     </div>
     </div>
 
 
     {# Form buttons #}
     {# Form buttons #}
-    <div class="btn-list d-print-none mt-2">
-      {% bulk_delete_button model query_params=request.GET %}
+    <div class="card btn-list sticky-actions d-print-none" data-sticky-position="right" data-sticky-when="selection">
+      <div class="btn-list bulk-action-buttons">
+        {% bulk_delete_button model query_params=request.GET %}
+      </div>
     </div>
     </div>
   </form>
   </form>
 {% endblock %}
 {% endblock %}

+ 4 - 2
netbox/templates/account/subscriptions.html

@@ -23,8 +23,10 @@
     </div>
     </div>
 
 
     {# Form buttons #}
     {# Form buttons #}
-    <div class="btn-list d-print-none mt-2">
-      {% bulk_delete_button model query_params=request.GET %}
+    <div class="card btn-list sticky-actions d-print-none" data-sticky-position="right" data-sticky-when="selection">
+      <div class="btn-list bulk-action-buttons">
+        {% bulk_delete_button model query_params=request.GET %}
+      </div>
     </div>
     </div>
   </form>
   </form>
 {% endblock %}
 {% endblock %}