Hide sidebar-panel-header

[Wateir]

Hello i have a issue, i want to remove the header from the buildind sidebar for bitwarden extension but i don't find the right way to do that.

The part i have select on the screen

[tk1475]

glide.styles.add() won't reach it: it appends a <style> to the main browser window document, but an extension sidebar like Bitwarden is rendered in its own chrome document (chrome://browser/content/webext-panels.xhtml), and that header is the <sidebar-panel-header id="sidebar-panel-header"> element inside it.

userChrome.css does apply to that document, and Glide enables it by default (see the Firefox differences page). Create chrome/userChrome.css in your profile folder (find it in about:support > Profile Folder) with:

@-moz-document url("chrome://browser/content/webext-panels.xhtml") {
  #sidebar-panel-header {
    display: none !important;
  }
}

Restart Glide. The @-moz-document wrapper limits it to extension sidebars, so the header on built-in panels (bookmarks, history) stays. Drop the wrapper if you want it gone everywhere. You'll lose the close button too, so close the sidebar with its keyboard shortcut or the toolbar button.

[Wateir]

userChrome.css does apply to that document, and Glide enables it by default (see the Firefox differences page). Create chrome/userChrome.css in your profile folder (find it in about:support > Profile Folder)

I don't like to have two place for define thing, it's possible to define this in glide config ?

[ian-h-chamberlain]

I've used something like this in my glide config, for styling things like about:newtab with userContent.css. I think the same thing should work for userChrome.css if you want to use it for this.

Note that it still requires you to restart the browser after applying, but at least it means you can keep everything defined in one file if you want.

const USER_CONTENT_CSS = css`
	/* ... */
`;

const user_content_file = glide.path.join(
  glide.path.profile_dir,
  "chrome",
  "userContent.css",
);

glide.fs.write(user_content_file, USER_CONTENT_CSS);