Disable CssAbsoluteFilter

This commit is contained in:
Raphael Michel
2017-05-24 10:08:59 +02:00
parent 5cea3d824a
commit 24b1d2afcb
3 changed files with 9 additions and 7 deletions

View File

@@ -8,7 +8,7 @@
<head> <head>
<title>{% block thetitle %}{% endblock %}</title> <title>{% block thetitle %}{% endblock %}</title>
{% compress css %} {% compress css %}
<link rel="stylesheet" type="text/css" href="{% static "lightbox/css/lightbox.css" %}" /> <link rel="stylesheet" type="text/x-scss" href="{% static "lightbox/css/lightbox.scss" %}" />
{% endcompress %} {% endcompress %}
{% if css_file %} {% if css_file %}
<link rel="stylesheet" type="text/css" href="{{ css_file }}"/> <link rel="stylesheet" type="text/css" href="{{ css_file }}"/>

View File

@@ -376,7 +376,9 @@ COMPRESS_PRECOMPILERS = (
COMPRESS_ENABLED = COMPRESS_OFFLINE = not debug_fallback COMPRESS_ENABLED = COMPRESS_OFFLINE = not debug_fallback
COMPRESS_CSS_FILTERS = ( 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', 'compressor.filters.cssmin.CSSCompressorFilter',
) )

View File

@@ -1,6 +1,6 @@
/* Preload images */ /* Preload images */
body:after { 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; display: none;
} }
@@ -79,7 +79,7 @@ body:after {
width: 32px; width: 32px;
height: 32px; height: 32px;
margin: 0 auto; margin: 0 auto;
background: url(../images/loading.gif) no-repeat; background: url(static('lightbox/images/loading.gif')) no-repeat;
} }
.lb-nav { .lb-nav {
@@ -110,7 +110,7 @@ body:after {
width: 34%; width: 34%;
left: 0; left: 0;
float: left; 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); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.6s; -webkit-transition: opacity 0.6s;
@@ -128,7 +128,7 @@ body:after {
width: 64%; width: 64%;
right: 0; right: 0;
float: right; 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); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; opacity: 0;
-webkit-transition: opacity 0.6s; -webkit-transition: opacity 0.6s;
@@ -192,7 +192,7 @@ body:after {
float: right; float: right;
width: 30px; width: 30px;
height: 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; text-align: right;
outline: none; outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);