Merge pull request #94 from os2display/feature/ar-871-background-posi…

…tion AR-871: Fixed background position center
os2display · Dec 2, 2022 · d1bae44 · d1bae44
2 parents 8c5a14d + 1d2db27
commit d1bae44
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 10 deletions.
diff --git a/build/image-text-config-develop.json b/build/image-text-config-develop.json
@@ -4,8 +4,8 @@
   "id": "01FP2SNGFN0BZQH03KCBXHKYHG",
   "description": "Mulighed for at sætte billede og tekst, med forskellige visninger.",
   "resources": {
-    "component": "https://raw.githubusercontent.com/os2display/display-templates/develop/build/image-text.js?ts=1664349718751",
-    "admin": "https://raw.githubusercontent.com/os2display/display-templates/develop/build/image-text-admin.json?ts=1664349718751",
+    "component": "https://raw.githubusercontent.com/os2display/display-templates/develop/build/image-text.js?ts=1669027516382",
+    "admin": "https://raw.githubusercontent.com/os2display/display-templates/develop/build/image-text-admin.json?ts=1669027516382",
     "schema": "https://raw.githubusercontent.com/os2display/display-templates/develop/build/image-text-schema.json",
     "assets": [],
     "options": {},

diff --git a/build/image-text-config-main.json b/build/image-text-config-main.json
@@ -4,8 +4,8 @@
   "id": "01FP2SNGFN0BZQH03KCBXHKYHG",
   "description": "Mulighed for at sætte billede og tekst, med forskellige visninger.",
   "resources": {
-    "component": "https://raw.githubusercontent.com/os2display/display-templates/main/build/image-text.js?ts=1664349718751",
-    "admin": "https://raw.githubusercontent.com/os2display/display-templates/main/build/image-text-admin.json?ts=1664349718751",
+    "component": "https://raw.githubusercontent.com/os2display/display-templates/main/build/image-text.js?ts=1669027516382",
+    "admin": "https://raw.githubusercontent.com/os2display/display-templates/main/build/image-text-admin.json?ts=1669027516382",
     "schema": "https://raw.githubusercontent.com/os2display/display-templates/main/build/image-text-schema.json",
     "assets": [],
     "options": {},

diff --git a/build/image-text.js b/build/image-text.js
diff --git a/src/image-text/image-text.scss b/src/image-text/image-text.scss
@@ -21,10 +21,6 @@
   height: 100%;
   width: 100%;
   overflow: hidden;
-
-  background-size: cover;
-  background-position: center;
-
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -159,6 +155,7 @@
     z-index: -1;
     position: absolute;
     background-size: cover;
+    background-position: center;
     top: 0;
     left: 0;
     right: 0;

diff --git a/src/index.js b/src/index.js
@@ -205,7 +205,7 @@ export const Slide = ({ slide: inputSlide }) => {
     } else {
       document.documentElement.classList.add("color-scheme-light");
     }
-  }, [slide]);
+  }, []);
 
   return (
     <div className="app">