Skip to content

Commit

Permalink
bug #6483 Fix modal header layout issue due to Bootstrap 5.3.3 change…
Browse files Browse the repository at this point in the history
…s (tpatartmajeur)

This PR was merged into the 4.x branch.

Discussion
----------

Fix modal header layout issue due to Bootstrap 5.3.3 changes

Since Bootstrap 5.3.3, the justify-content: space-between property has been removed from the modal-header class ([#39373](https://github.com/twbs/bootstrap/pull/39373/files)).

This change causes the modal header layout to break, as seen below:

![modal-filters-issue](https://github.com/user-attachments/assets/35f8e1e8-2b4a-411e-9025-79d1ec04675b)

Commits
-------

fc80441 Fix filters modal header
  • Loading branch information
javiereguiluz committed Oct 16, 2024
2 parents 70ee97e + fc80441 commit 072b023
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion src/Resources/views/crud/includes/_filters_modal.html.twig
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div id="modal-filters" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="modal-header justify-content-between">
<button type="button" data-bs-dismiss="modal" class="btn btn-sm btn-secondary" id="modal-clear-button" formtarget="_self">
<i class="fa fa-close"></i> {{ 'filter.button.clear'|trans(domain = 'EasyAdminBundle') }}
</button>
Expand Down

0 comments on commit 072b023

Please sign in to comment.