remove inline css properties from header.tpl (#951)

ltb-project · Aug 2, 2024 · 7eff7c2 · 7eff7c2
1 parent f772b3d
commit 7eff7c2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/htdocs/js/self-service-password.js b/htdocs/js/self-service-password.js
@@ -1,4 +1,13 @@
 $(document).ready(function(){
+
+    // set background image
+    background_url = $("#background_url").data('backgroundurl');
+    if (typeof background_url !== 'undefined' && background_url != "")
+    {
+         $("html, body").css("background", "url(" + background_url + ")");
+         $("html, body").css("background-size", "cover");
+    }
+
     // Menu links popovers
     $('[data-toggle="menu-popover"]').popover({
         trigger: 'hover',

diff --git a/templates/header.tpl b/templates/header.tpl
@@ -16,17 +16,12 @@
 {/if}
     <link href="images/favicon.ico" rel="icon" type="image/x-icon" />
     <link href="images/favicon.ico" rel="shortcut icon" />
-{if $background_image}
-     <style>
-       html, body {
-         background: url({$background_image}) no-repeat center fixed;
-         background-size: cover;
-       }
-  </style>
-{/if}
 {if $captcha_css}
   <style>{$captcha_css nofilter}</style>
 {/if}
 </head>
 <body>
+{if $background_image}
+<div id="background_url" data-backgroundurl='{$background_image}'></div>
+{/if}
 <div class="container">