Fix different display in content warning notice. Fixes mozilla#630

jonathanKingston · Jun 22, 2017 · 68f85bc · 68f85bc
1 parent 1cc3ab8
commit 68f85bc
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/webextension/css/content.css b/webextension/css/content.css
@@ -1,22 +1,26 @@
 .container-notification {
   background: #33f70c;
   color: #003f07;
-  display: block;
+  display: flex;
+  font: 12px sans-serif;
   inline-size: 100vw;
+  justify-content: start;
   offset-block-start: 0;
   offset-inline-start: 0;
   padding-block-end: 8px;
   padding-block-start: 8px;
   padding-inline-end: 8px;
   padding-inline-start: 8px;
   position: fixed;
+  text-align: start;
   transform: translateY(-100%);
   transition: transform 0.3s cubic-bezier(0.07, 0.95, 0, 1) 0.3s;
   z-index: 999999999999;
 }
 
 .container-notification img {
   block-size: 16px;
+  display: inline-block;
   inline-size: 16px;
   margin-inline-end: 3px;
 }
diff --git a/webextension/js/content-script.js b/webextension/js/content-script.js
@@ -43,9 +43,9 @@ async function addMessage(message) {
   await delayAnimation(100);
   await doAnimation(divElement, "transform", "translateY(0)");
   await delayAnimation(2000);
-  await doAnimation(divElement, "transform", "translateY(-100%)");
+  //await doAnimation(divElement, "transform", "translateY(-100%)");
 
-  divElement.remove();
+  //divElement.remove();
 }
 
 browser.runtime.onMessage.addListener((message) => {

diff --git a/webextension/manifest.json b/webextension/manifest.json
@@ -59,7 +59,8 @@
     {
       "matches": ["<all_urls>"],
       "js": ["js/content-script.js"],
-      "css": ["css/content.css"]
+      "css": ["css/content.css"],
+      "run_at": "document_start"
     }
   ],