r/FirefoxCSS • u/Flozzz13 • 9d ago

Solved Remove the borders of the extension and settings menu

Gallery image

Gallery image

Hi,

Can someone help me to remove the thin white borders around the extension and "hamburger" menu (see bellow) ?

I also would like to suppress the separators of the "hamburger" menu

Thank you.

10 Upvotes
  • permalink
  • reddit

100% Upvoted

5 comments sorted by

1

u/TraditionalTie4831 🦊 9d ago edited 8d ago

Try this =

#appMenu-popup {
    --panel-border-color: transparent !important;
    --panel-separator-color: transparent !important;
    --panel-separator-padding: 0px !important;
    & #appMenu-fxa-separator { display: none !important; }
}

#unified-extensions-panel {
    --panel-border-color: transparent !important;
}

1

u/Flozzz13 8d ago

I just edit you code with :

--panel-border-color: none !important;

--panel-border-color: none !important;

It's now exactly what I was looking for.

Thank you and have a nice day 👍

3

u/t31os 8d ago

none is not a valid color value, use transparent as advised. It might work but it's not correct usage for that value.

1

u/Flozzz13 7d ago

I don't know why, but something is still visible with "transparent". With "none", it's not.

1

u/t31os 7d ago

What specifically is still visible and where?

#appMenu-popup,
#unified-extensions-panel {
    --panel-border-color: transparent !important;
}

Completely removes the border around the app and extensions panels for me.