mirror of
https://github.com/netbox-community/netbox.git
synced 2025-07-20 10:16:42 -06:00
#16009 Added btn-float-group style class and added to form templates for floating button groups
This commit is contained in:
parent
7167f20ca5
commit
8715f6fe87
BIN
netbox/project-static/dist/netbox.css
vendored
BIN
netbox/project-static/dist/netbox.css
vendored
Binary file not shown.
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -102,7 +102,7 @@ Context:
|
||||
|
||||
{% 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>
|
||||
|
@ -67,7 +67,7 @@ Context:
|
||||
{% 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 %}
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user