Firefox

20329 readers

119 users here now

/c/firefox

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

Rules

1. Adhere to the instance rules

2. Be kind to one another

3. Communicate in a civil manner

Reporting

If you would like to bring an issue to the moderators attention, please use the "Create Report" feature on the offending comment or post and it will be reviewed as time allows.

founded 5 years ago

MODERATORS

k_o_t@lemmy.ml

golden_zealot@lemmy.ml

CSS customization help request (mander.xyz)

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

6 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 9 comments

sorted by: hot top controversial new old

[–] bahmanm@lemmy.ml 5 points 2 years ago (1 children)

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

[–] Zetta@mander.xyz 1 points 2 years ago

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

[–] pgp@lemmy.pt 5 points 2 years 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 2 years ago (1 children)

This worked perfectly, thanks so much for sharing!

[–] pgp@lemmy.pt 1 points 2 years 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.

[–] Zeus@lemm.ee 0 points 2 years 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)