Crumb
c/firefox · by Zetta@mander.xyz · 3y

CSS customization help request

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 }

17 points · 6 comments · view on lemmy.world

6 Comments

pgp@lemmy.pt · 6 pts · 3y (2 replies)

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;
}
Zetta@mander.xyz · 4 pts · 3y (1 reply)

This worked perfectly, thanks so much for sharing!

pgp@lemmy.pt · 1 pts · 3y

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.

bahmanm@lemmy.ml · 4 pts · 3y (1 reply)

I'm nitpicking but can you properly quote your code?

Zetta@mander.xyz · 1 pts · 3y

Sorry, thanks for the tip. Also Its just code I stole from other places on the net lol

Zeus@lemm.ee · 1 pts · 3y

#titlebar { display: none !important; }?

but more seriously you might be able to debug using the browser toolbox (ctrl+alt+shift+i); or you might try asking on !FirefoxCSS@fedia.io (or !Firefox@fedia.io)

krey@sh.itjust.works · 1 pts · 3y (1 reply)
[ removed ]
Rustmilian@lemmy.world · 1 pts · 3y
[ removed ]
pgp@lemmy.pt · 1 pts · 3y
[ removed ]
pgp@lemmy.pt · 1 pts · 3y
[ removed ]