Firefox

17930 readers

43 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 4 years ago

MODERATORS

k_o_t@lemmy.ml

CSS customization help request (mander.xyz)

submitted 1 year ago* (last edited 1 year ago) by Zetta@mander.xyz to c/firefox@lemmy.ml

7 comments fedilink hide all child comments

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 }

all 10 comments

sorted by: hot top controversial new old

[–] pgp 6 points 1 year ago (1 children)

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 points 1 year ago (1 children)

This worked perfectly, thanks so much for sharing!

[–] pgp 1 points 1 year ago

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 5 points 1 year ago (1 children)

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

[–] Zetta@mander.xyz 1 points 1 year ago

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

[–] krey@sh.itjust.works 1 points 1 year ago (1 children)

could it be that's a title bar from mutter, the default gnome Wayland compositor? If it is, it's also scriptable in JS, but outside firefox somewhere in your system.

[–] Zeus@lemm.ee 1 points 1 year ago

#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)