Showing questions tagged: Show all questions

I Created the Perfect Firefox Look, but I Can’t Use It cuz of userChrome.js

I spent a ton of time perfecting my Firefox, making it look exactly how I wanted… but there’s one huge problem. My entire setup relies on userChrome.js, and I haven’t fou… (read more)

I spent a ton of time perfecting my Firefox, making it look exactly how I wanted… but there’s one huge problem. My entire setup relies on userChrome.js, and I haven’t found a way to make it run permanently without pain.

I’m completely out of energy trying to fix this. But maybe someone here knows a proper workaround?

No js loaders and other hacks worked, so I’m sharing the full code. Maybe you can help me figure out a way to keep it running consistently?

Here’s my code:

function fixTabOrientation() {

   let tabbrowserTabs = document.getElementById("tabbrowser-tabs");
   let arrowscrollbox = document.getElementById("tabbrowser-arrowscrollbox");
   let newTabButton = document.getElementById("tabs-newtab-button");
   let peripheryBox = document.getElementById("tabbrowser-arrowscrollbox-periphery");
   let navBar = document.getElementById("nav-bar-customization-target"); 
   let urlBar = document.getElementById("urlbar-container"); // Адресний рядок


   if (tabbrowserTabs?.getAttribute("orient") !== "horizontal") {
       tabbrowserTabs.setAttribute("orient", "horizontal");
   }
   if (arrowscrollbox?.getAttribute("orient") !== "horizontal") {
       arrowscrollbox.setAttribute("orient", "horizontal");
   }


   if (navBar && urlBar && !urlBar.nextSibling?.isSameNode(tabbrowserTabs)) {
       navBar.insertBefore(tabbrowserTabs, urlBar.nextSibling);
   }


   if (newTabButton) {
       newTabButton.style.position = "absolute";
       newTabButton.style.right = "10px"; 
       newTabButton.style.top = "50%"; 
       newTabButton.style.transform = "translateY(-50%)"; 


       if (peripheryBox && !peripheryBox.contains(newTabButton)) {
           peripheryBox.appendChild(newTabButton);
       }
       newTabButton.style.display = "block";  
       newTabButton.style.width = "32px";
       newTabButton.style.height = "32px";
   } else {
       console.log("New Tab");
   }

}

fixTabOrientation(); setInterval(fixTabOrientation, 1000);


Any work solutions would be massively appreciated—I’m honestly exhausted fighting this.

Asked by III 2 days ago