Style fix for background image relative to X-Forwarded-Prefix when running via reverse proxy subdirectory

3 years ago · 69aec23d1d
parent f85ccffe0a
commit 69aec23d1d
3 changed files with 7 additions and 7 deletions
--- a/changedetectionio/static/styles/styles.css
+++ b/changedetectionio/static/styles/styles.css
@ -96,9 +96,6 @@ body::after {

 body::before {
  content: "";
-  background-image: url(/static/images/gradient-border.png); }
-
-body:before {
  background-size: cover; }

 body:after, body:before {
--- a/changedetectionio/static/styles/styles.scss
+++ b/changedetectionio/static/styles/styles.scss
@ -125,11 +125,8 @@ body::after {
 }

 body::before {
+  // background-image set in base.html so it works with reverse proxies etc
  content: "";
-  background-image: url(/static/images/gradient-border.png);
-}
-
-body:before {
  background-size: cover
 }

--- a/changedetectionio/templates/base.html
+++ b/changedetectionio/templates/base.html
@ -12,7 +12,13 @@
        <link rel="stylesheet" href="{{ m }}?ver=1000">
        {% endfor %}
    {% endif %}
+    <style>
+    body::before {
+        background-image: url({{url_for('static_content', group='images', filename='gradient-border.png')}});
+    }
+    </style>
 </head>
+
 <body>

 <div class="header">