fix missing lightbox styles

This commit is contained in:
Richard Schreiber
2025-05-27 07:59:29 +02:00
parent 5962536a11
commit 2bdad06642
2 changed files with 24 additions and 2 deletions

View File

@@ -49,8 +49,8 @@
<p class="modal-card-confirm"><button class="btn btn-lg btn-primary">{% trans "Continue" %}</button></p>
{% enddialog %}
<dialog id="lightbox-dialog" role="alertdialog" aria-labelledby="lightbox-label">
<form method="dialog" class="modal-card">
<dialog id="lightbox-dialog" class="modal-card" role="alertdialog" aria-labelledby="lightbox-label">
<form method="dialog" class="modal-card-inner form-horizontal">
<div class="modal-card-content">
<figure class="text-center text-muted">
<img />

View File

@@ -172,3 +172,25 @@ body.has-modal-dialog .container, body.has-modal-dialog #wrapper {
color: $brand-primary;
}
}
#lightbox-dialog {
width: fit-content;
max-width: 80%;
min-width: 24em;
.modal-card-content {
padding: 2.5em;
}
img {
max-width: 100%;
}
button {
position: absolute;
top: 1em;
right: 1em;
}
figcaption {
margin-top: 1em;
}
}