feat(iframe): add 'important' to all iframe style

dis-moi · Mar 1, 2019 · 69b510a · 69b510a
1 parent 9217ddb
commit 69b510a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/app/content/extensionIframe.js b/src/app/content/extensionIframe.js
@@ -5,7 +5,9 @@ export const create = ({ style = {} }) => {
   iframe.height = '423px';
   iframe.srcdoc = '<!doctype html><html><head><meta charset="utf-8"></head><body /></html>';
 
-  Object.assign(iframe.style, style);
+  Object.keys(style).forEach(
+    key => iframe.style.setProperty(key, style[key], 'important')
+  );
 
   return iframe;
 };
@@ -21,4 +23,4 @@ export const append = iframe => new Promise((resolve) => {
 export const remove = () => {
   const el = document.getElementById('lmemFrame');
   el.remove();
-};
+};
diff --git a/src/app/theme.js b/src/app/theme.js
@@ -50,14 +50,14 @@ export default {
   // iframe
   iframe: {
     style: {
-      maxWidth: 'initial',
-      minWidth: 'initial',
-      minHeight: 'initial',
-      maxHeight: 'initial',
+      'max-width': 'initial',
+      'min-width': 'initial',
+      'min-height': 'initial',
+      'max-height': 'initial',
       position: 'fixed',
       top: 0,
       right: 0,
-      zIndex: 2147483647, // Max z-index value (signed 32bits integer)
+      'z-index': 2147483647, // Max z-index value (signed 32bits integer)
       border: 'none',
       transition: 'height .1s',
       width: '390px',