netbox-community#16009 Added btn-float-group style class and added to…

… form templates for floating button groups
atownson · Sep 17, 2024 · 8715f6f · 8715f6f
1 parent 7167f20
commit 8715f6f
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 6 deletions.
diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
diff --git a/netbox/project-static/styles/custom/_misc.scss b/netbox/project-static/styles/custom/_misc.scss
@@ -33,3 +33,11 @@ span.color-label {
 .netbox-edition {
   letter-spacing: .15rem;
 }
+
+// A floating div for form buttons
+.btn-float-group {
+  position: sticky;
+  bottom: 0px;
+  z-index: 1;
+  padding: 2px 0px 10px 0px;
+}
diff --git a/netbox/project-static/styles/overrides/_tabler.scss b/netbox/project-static/styles/overrides/_tabler.scss
@@ -52,7 +52,7 @@ pre {
 }
 
 // Altering background colors
-.page, .page-tabs .nav-tabs .nav-link.active {
+.page, .page-tabs .nav-tabs .nav-link.active, .btn-float-group {
   background-color: var(--#{$prefix}bg-surface-tertiary) !important;
 }
 .page-body .card .card-header {
@@ -105,7 +105,7 @@ body[data-bs-theme=dark] {
   .navbar, .page-header {
     background-color: $rich-black;
   }
-  .page, .page-tabs .nav-tabs .nav-link.active {
+  .page, .page-tabs .nav-tabs .nav-link.active, .btn-float-group {
     background-color: $rich-black-light !important;
   }
 

diff --git a/netbox/templates/generic/bulk_edit.html b/netbox/templates/generic/bulk_edit.html
@@ -102,7 +102,7 @@ <h2 class="col-9 offset-3">{% trans "Comments" %}</h2>
 
       {% endif %}
 
-      <div class="text-end">
+      <div class="text-end btn-float-group">
         <a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
         <button type="submit" name="_apply" class="btn btn-primary">{% trans "Apply" %}</button>
       </div>

diff --git a/netbox/templates/generic/object_edit.html b/netbox/templates/generic/object_edit.html
@@ -67,7 +67,7 @@
         {% endblock form %}
       </div>
 
-      <div class="text-end my-3">
+      <div class="text-end my-3 btn-float-group">
         {% block buttons %}
           <a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
           {% if object.pk %}

diff --git a/netbox/templates/inc/filter_list.html b/netbox/templates/inc/filter_list.html
@@ -37,7 +37,7 @@
         </div>
       {% endif %}
     </div>
-    <div class="card-footer text-end d-print-none border-0">
+    <div class="card-footer text-end btn-float-group d-print-none border-0">
       <button type="button" class="btn btn-outline-danger m-1" data-reset-select>
         <i class="mdi mdi-backspace"></i> {% trans "Reset" %}
       </button>