diff --git a/src/pretix/presale/templates/pretixpresale/base.html b/src/pretix/presale/templates/pretixpresale/base.html
index 43f914070d..669ee7aed1 100644
--- a/src/pretix/presale/templates/pretixpresale/base.html
+++ b/src/pretix/presale/templates/pretixpresale/base.html
@@ -8,7 +8,7 @@
{% block thetitle %}{% endblock %}
{% compress css %}
-
+
{% endcompress %}
{% if css_file %}
diff --git a/src/pretix/settings.py b/src/pretix/settings.py
index a34e987122..584c5af427 100644
--- a/src/pretix/settings.py
+++ b/src/pretix/settings.py
@@ -376,7 +376,9 @@ COMPRESS_PRECOMPILERS = (
COMPRESS_ENABLED = COMPRESS_OFFLINE = not debug_fallback
COMPRESS_CSS_FILTERS = (
- 'compressor.filters.css_default.CssAbsoluteFilter',
+ # CssAbsoluteFilter is incredibly slow, especially when dealing with our _flags.scss
+ # However, we don't need it if we consequently use the static() function in Sass
+ # 'compressor.filters.css_default.CssAbsoluteFilter',
'compressor.filters.cssmin.CSSCompressorFilter',
)
diff --git a/src/pretix/static/lightbox/css/lightbox.css b/src/pretix/static/lightbox/css/lightbox.scss
similarity index 88%
rename from src/pretix/static/lightbox/css/lightbox.css
rename to src/pretix/static/lightbox/css/lightbox.scss
index e48791aa26..a87753b6ed 100644
--- a/src/pretix/static/lightbox/css/lightbox.css
+++ b/src/pretix/static/lightbox/css/lightbox.scss
@@ -1,6 +1,6 @@
/* Preload images */
body:after {
- content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
+ content: url(static('lightbox/images/close.png')) url(static('lightbox/images/loading.gif')) url(static('lightbox/images/prev.png')) url(static('lightbox/images/next.png'));
display: none;
}
@@ -79,7 +79,7 @@ body:after {
width: 32px;
height: 32px;
margin: 0 auto;
- background: url(../images/loading.gif) no-repeat;
+ background: url(static('lightbox/images/loading.gif')) no-repeat;
}
.lb-nav {
@@ -110,7 +110,7 @@ body:after {
width: 34%;
left: 0;
float: left;
- background: url(../images/prev.png) left 48% no-repeat;
+ background: url(static('lightbox/images/prev.png')) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
@@ -128,7 +128,7 @@ body:after {
width: 64%;
right: 0;
float: right;
- background: url(../images/next.png) right 48% no-repeat;
+ background: url(static('lightbox/images/next.png')) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
@@ -192,7 +192,7 @@ body:after {
float: right;
width: 30px;
height: 30px;
- background: url(../images/close.png) top right no-repeat;
+ background: url(static('lightbox/images/close.png')) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);