Преглед изворни кода

HUE-8468 [frontend] Append a style tag to head instead of modifying stylesheets for dynamic styles in embedded mode

This takes care of an issue with Internet Explorer in embedded mode.
Johan Ahlen пре 7 година
родитељ
комит
6f37cbc
1 измењених фајлова са 5 додато и 1 уклоњено
  1. 5 1
      desktop/core/src/desktop/templates/hue.mako

+ 5 - 1
desktop/core/src/desktop/templates/hue.mako

@@ -113,7 +113,11 @@
   // Add modified URL for .clearable background
   var originalClearableImgUrl = '${ static('desktop/art/clearField@2x.png') }';
   var clearableImgUrl = typeof adaptHueEmbeddedUrls !== 'undefined' ? adaptHueEmbeddedUrls(originalClearableImgUrl) : originalClearableImgUrl;
-  document.styleSheets[0].insertRule('.clearable { background: url(' + clearableImgUrl + ') no-repeat right -10px center; }');
+
+  var style = document.createElement('style');
+  style.type = 'text/css';
+  style.appendChild(document.createTextNode('.clearable { background: url(' + clearableImgUrl + ') no-repeat right -10px center; }'));
+  document.head.appendChild(style);
 % endif
   </script>