From 576fdc0638dd7fea7b22705212b0742a9cdbdacd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Se=CC=81bastiaan=20Versteeg?= <se_bastiaan@outlook.com>
Date: Thu, 8 Dec 2016 15:26:22 +0100
Subject: [PATCH] Fix the photos CSS compress

---
 website/photos/static/photos/css/style.scss | 1 -
 website/photos/templates/photos/album.html  | 8 +++++---
 website/photos/templates/photos/index.html  | 8 +++++---
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/website/photos/static/photos/css/style.scss b/website/photos/static/photos/css/style.scss
index a7b023c5..6f8ea75b 100644
--- a/website/photos/static/photos/css/style.scss
+++ b/website/photos/static/photos/css/style.scss
@@ -1,4 +1,3 @@
-
 /* Solving this with dynamic a data attribute (i.e. attr(data-rotation)) does not work, as that's a string. */
 img.rotate90 {
   transform: rotate(90deg);
diff --git a/website/photos/templates/photos/album.html b/website/photos/templates/photos/album.html
index 6010039e..7d5c5cb1 100644
--- a/website/photos/templates/photos/album.html
+++ b/website/photos/templates/photos/album.html
@@ -1,11 +1,13 @@
 {% extends 'base.html' %}
-{% load staticfiles i18n thumbnail shared_thumbnail %}
+{% load staticfiles i18n thumbnail shared_thumbnail compress %}
 
 {% block title %}{{ album.title }} — {% trans "Photos" %} — {{ block.super }}{% endblock %}
 
 {% block css_head %}
-{{ block.super }}
-<link href="{% static "photos/css/style.scss" %}" rel="stylesheet" type="text/scss">
+    {{ block.super }}
+    {% compress css %}
+    <link href="{% static "photos/css/style.scss" %}" rel="stylesheet" type="text/x-scss">
+    {% endcompress %}
 {% endblock %}
 
 {% block body %}
diff --git a/website/photos/templates/photos/index.html b/website/photos/templates/photos/index.html
index 1c9576a6..e6e3a191 100644
--- a/website/photos/templates/photos/index.html
+++ b/website/photos/templates/photos/index.html
@@ -1,11 +1,13 @@
 {% extends 'base.html' %}
-{% load i18n thumbnail staticfiles %}
+{% load i18n thumbnail staticfiles compress %}
 
 {% block title %}{% trans "Photos" %} — {{ block.super }}{% endblock %}
 
 {% block css_head %}
-{{ block.super }}
-<link href="{% static 'photos/css/style.scss' %}" rel="stylesheet" type="text/scss">
+    {{ block.super }}
+    {% compress css %}
+    <link href="{% static 'photos/css/style.scss' %}" rel="stylesheet" type="text/x-scss">
+    {% endcompress %}
 {% endblock %}
 
 {% block body %}
-- 
GitLab