Move Extensions to Tar Bar
-
Move extension tab to the main tab bar, suitable when the address bar is hidden
Write in typescript & Bundle by esbuild , here is my bundle result:
(() => { // src/utils/index.ts var addStyleToHtml = (css) => { const style = document.createElement("style"); style.innerHTML = css; document.head.appendChild(style); }; // src/mods/move-ext-to-tabbar.ts var moveExtToTabbar = () => { const extTabElements = document.querySelector(".toolbar-extensions"); const tabsElements = document.querySelector("#tabs-container").children; if (tabsElements.length === 0 || !extTabElements) { return; } extTabElements.setAttribute("class", "toolbar toolbar-tabbar toolbar-extensions toolbar-large"); addStyleToHtml(` .ExtensionIcon--Hidden { background-color: transparent !important; } .ExtensionIcon--Hidden:hover { background-color: transparent !important; } `); tabsElements[tabsElements.length - 1].after(extTabElements); }; // src/index.ts setTimeout(() => { moveExtToTabbar(); }, 500); })();
You can check this repo get the source code, maybe more custom feature will be added in there
-
Thank you very much!
I had given up on this functionality!