Compat: firefox

content/install-user-css.css

@@ -50,6 +50,7 @@ h1 small {
 
 .live-reload {
   width: fit-content;
+  width: -moz-fit-content;
   display: flex;
   align-items: center;
   margin: 0.5em auto;

edit/source-editor.js

@@ -79,8 +79,12 @@ function createSourceEditor(style) {
     }
 
     function setWidgetStyle(widget) {
-      const borderStyle = style.borderRightWidth !== '0px' ?
-        style.borderRight : '1px solid ' + style.color;
+      let borderStyle = '';
+      if (style.borderRightWidth !== '0px') {
+        borderStyle = `${style.borderRightWidth} ${style.borderRightStyle} ${style.borderRightColor}`;
+      } else {
+        borderStyle = `1px solid ${style.color}`;
+      }
       widget.node.style.backgroundColor = style.backgroundColor;
       widget.node.style.borderTop = borderStyle;
       widget.node.style.borderBottom = borderStyle;

js/dom.js

@@ -36,9 +36,14 @@ for (const type of [NodeList, NamedNodeMap, HTMLCollection, HTMLAllCollection])
   window.addEventListener('resize', () => debounce(addTooltipsToEllipsized, 100));
 }
 
-onDOMready().then(() => $('#firefox-transitions-bug-suppressor').remove());
+onDOMready().then(() => {
+  const el = $('#firefox-transitions-bug-suppressor');
+  if (el) {
+    el.remove();
+  }
+});
 
-if (navigator.userAgent.includes('Firefox')) {
+if (navigator.userAgent.includes('Firefox') && chrome.windows) {
   // die if unable to access BG directly
   chrome.windows.getCurrent(wnd => {
     if (!BG && wnd.incognito) {