CSS customization help request

Zetta@mander.xyz to Firefox@lemmy.ml – 21 points –

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 }

6

You are viewing a single comment
View all comments

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.