aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--content_scripts/ui_component.coffee15
1 files changed, 10 insertions, 5 deletions
diff --git a/content_scripts/ui_component.coffee b/content_scripts/ui_component.coffee
index 64831794..21431bd7 100644
--- a/content_scripts/ui_component.coffee
+++ b/content_scripts/ui_component.coffee
@@ -5,11 +5,16 @@ class UIComponent
options: null
constructor: (iframeUrl, className, @handleMessage) ->
- styleSheet = document.createElement "link"
- extend styleSheet,
- rel: "stylesheet"
- type: "text/css"
- href: chrome.runtime.getURL "content_scripts/vimium.css"
+ styleSheet = document.createElement "style"
+ styleSheet.type = "text/css"
+ # Default to everything hidden while the stylesheet loads.
+ styleSheet.innerHTML = "* {display: none !important;}"
+ # Load stylesheet.
+ xhr = new XMLHttpRequest()
+ xhr.onload = (e) -> styleSheet.innerHTML = xhr.responseText
+ xhr.open "GET", chrome.runtime.getURL("content_scripts/vimium.css"), true
+ xhr.send()
+
@iframeElement = document.createElement "iframe"
extend @iframeElement,
className: className