forked from CGM_Public/pretix_original
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>
|
<p class="modal-card-confirm"><button class="btn btn-lg btn-primary">{% trans "Continue" %}</button></p>
|
||||||
{% enddialog %}
|
{% enddialog %}
|
||||||
|
|
||||||
<dialog id="lightbox-dialog" role="alertdialog" aria-labelledby="lightbox-label">
|
<dialog id="lightbox-dialog" class="modal-card" role="alertdialog" aria-labelledby="lightbox-label">
|
||||||
<form method="dialog" class="modal-card">
|
<form method="dialog" class="modal-card-inner form-horizontal">
|
||||||
<div class="modal-card-content">
|
<div class="modal-card-content">
|
||||||
<figure class="text-center text-muted">
|
<figure class="text-center text-muted">
|
||||||
<img />
|
<img />
|
||||||
|
|||||||
@@ -172,3 +172,25 @@ body.has-modal-dialog .container, body.has-modal-dialog #wrapper {
|
|||||||
color: $brand-primary;
|
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