#16009 Removed floating div background and moved filter form buttons outside of card

This commit is contained in:
atownson 2024-09-20 11:02:59 -05:00
parent 7de5efda2a
commit 30e67047d3
6 changed files with 22 additions and 16 deletions

Binary file not shown.

View File

@ -39,5 +39,11 @@ span.color-label {
position: sticky; position: sticky;
bottom: 0px; bottom: 0px;
z-index: 1; z-index: 1;
padding: 2px 0px 10px 0px; float: right;
padding: 0 0 10px;
}
// Override a transparent background
.btn-float {
--tblr-btn-bg: var(--#{$prefix}bg-surface-tertiary) !important;
} }

View File

@ -52,7 +52,7 @@ pre {
} }
// Altering background colors // Altering background colors
.page, .page-tabs .nav-tabs .nav-link.active, .btn-float-group { .page, .page-tabs .nav-tabs .nav-link.active {
background-color: var(--#{$prefix}bg-surface-tertiary) !important; background-color: var(--#{$prefix}bg-surface-tertiary) !important;
} }
.page-body .card .card-header { .page-body .card .card-header {
@ -105,7 +105,7 @@ body[data-bs-theme=dark] {
.navbar, .page-header { .navbar, .page-header {
background-color: $rich-black; background-color: $rich-black;
} }
.page, .page-tabs .nav-tabs .nav-link.active, .btn-float-group { .page, .page-tabs .nav-tabs .nav-link.active {
background-color: $rich-black-light !important; background-color: $rich-black-light !important;
} }

View File

@ -102,8 +102,8 @@ Context:
{% endif %} {% endif %}
<div class="text-end btn-float-group"> <div class="btn-float-group">
<a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a> <a href="{{ return_url }}" class="btn btn-outline-secondary btn-float">{% trans "Cancel" %}</a>
<button type="submit" name="_apply" class="btn btn-primary">{% trans "Apply" %}</button> <button type="submit" name="_apply" class="btn btn-primary">{% trans "Apply" %}</button>
</div> </div>

View File

@ -67,9 +67,9 @@ Context:
{% endblock form %} {% endblock form %}
</div> </div>
<div class="text-end my-3 btn-float-group"> <div class="btn-float-group">
{% block buttons %} {% block buttons %}
<a href="{{ return_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a> <a href="{{ return_url }}" class="btn btn-outline-secondary btn-float">{% trans "Cancel" %}</a>
{% if object.pk %} {% if object.pk %}
<button type="submit" name="_update" class="btn btn-primary"> <button type="submit" name="_update" class="btn btn-primary">
{% trans "Save" %} {% trans "Save" %}
@ -79,7 +79,7 @@ Context:
<button type="submit" name="_create" class="btn btn-primary"> <button type="submit" name="_create" class="btn btn-primary">
{% trans "Create" %} {% trans "Create" %}
</button> </button>
<button type="submit" name="_addanother" class="btn btn-outline-primary"> <button type="submit" name="_addanother" class="btn btn-outline-primary btn-float">
{% trans "Create & Add Another" %} {% trans "Create & Add Another" %}
</button> </button>
</div> </div>

View File

@ -37,13 +37,13 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
<div class="card-footer text-end btn-float-group d-print-none border-0"> </div>
<button type="button" class="btn btn-outline-danger m-1" data-reset-select> <div class="btn-float-group me-1">
<i class="mdi mdi-backspace"></i> {% trans "Reset" %} <button type="button" class="btn btn-outline-danger btn-float" data-reset-select>
</button> <i class="mdi mdi-backspace"></i> {% trans "Reset" %}
<button type="submit" class="btn btn-primary m-1"> </button>
<i class="mdi mdi-magnify"></i> {% trans "Search" %} <button type="submit" class="btn btn-primary">
</button> <i class="mdi mdi-magnify"></i> {% trans "Search" %}
</div> </button>
</div> </div>
</form> </form>