mirror of
https://github.com/pretix/pretix.git
synced 2026-05-05 15:14:04 +00:00
fix missing lightbox styles
This commit is contained in:
@@ -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 />
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user