Hey all, I'm trying to remove the bar that has "REMOVE" spammed in red across it. Anyone able to provide some insight/help? Here is my current userChrome.css file
#main-window[tabsintitlebar="true"]:not([extradragspace="true"]) #TabsToolbar > .toolbar-items { opacity: 0; pointer-events: none; } #main-window:not([tabsintitlebar="true"]) #TabsToolbar { visibility: collapse !important; } #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header { display: none; } .tab { margin-left: 1px; margin-right: 1px; } /* Remove close button*/ .titlebar-buttonbox-container{ display:none }
I do that, here’s my userchrome:
:root{ --uc-toolbar-height: 32px; } :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} #TabsToolbar{ visibility: collapse !important } :root:not([inFullscreen]) #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } #toolbar-menubar{ min-height:unset !important; height:var(--uc-toolbar-height) !important; position: relative; } #main-menubar{ -moz-box-flex: 1; background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor); background-clip: padding-box; border-right: 30px solid transparent; border-image: linear-gradient(to left, transparent, var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) 30px) 20 / 30px } #toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar[inactive] > #menubar-items { opacity: 0; pointer-events: none; margin-left: var(--uc-window-drag-space-width,0px) } #nav-bar { margin-right: 90px; }
This worked perfectly, thanks so much for sharing!
It was a pain for me to piece it together from bits and pieces from the Firefox forums, I’m glad to share and help others avoid the same pain.