4
[SOLVED]What changed in the appMenu (arrow panel) in the 143 update ? (lemmy.world)
submitted 1 year ago by to c/FirefoxCSS@fedia.io
3 comments fedilink hide all child comments
 

Hello,

I was using this:

#appMenu-fxa-separator { border-image: unset !important; }

to make the separator between account and the rest of the menu (circled in red) look consistent with the other separators, but after the update it stopped working.

I thought that the ID may have been changed so I checked, but ID is still use so I don't know how to fix it :/

Also what happened to the separator between find page and translate (circled in green)? It's the only one what is longer than the rest, would there be a way to make it look consistent with the rest as well?

you are viewing a single comment's thread
view the rest of the comments
[–] 2 points 1 year ago (1 child)

The border image is set for the ::before pseudo-element of that separator, so #appMenu-fxa-separator::before { border-image: unset !important; } should work.

On my system, there is no separator between find in page and translate page. Perhaps the line you have there is something you have added yourself?

  • permalink
  • fedilink
  • source
  • hideshow 1 child comment
    •
  • [–] [S] 1 point 1 year ago* (last edited 1 year ago)

    Oh, you're right on the border image, thanks!

    As for the other separator, I totally thought it was native, but after reading your comment I started searching in my css files and I found what was causing the green circled issue. Apparently it's this part of the code here:

    /* Add somewhat hacky separator to zoom controls so it looks consistent */
#appMenu-protonMainView > .panel-subview-body::after,
#appMenu-mainView > .panel-subview-body::after {
  content: "";
  display: flex;
  border-bottom: 1px solid var(--panel-separator-color);
  margin: var(--panel-separator-margin);
}

    which is a part of one of your styles . I'm pretty sure I had this for well over a year since I basically considered it native. When I removed it while keeping the rest, it seems like it's working just fine anyway. Thanks for the help!

    Unrelated side question that I don't think it's worth enough to open a thread on different spaces: to test the code I used both Windows 11 and MacOS Tahoe, I noticed that the quit option is missing from the macOS arrowPanel compared to the Windows one. Here's the comparison (mac on the left, w11 on the right) I probably think this is normal as I noticed this in a native, non modded profile (in macOS the about firefox in "Help" section of the arrowPanel is missing as well compared to the Windows one so it wouldn't be strange if quit one is missing as well) but do you happen to know if what I just said is actually right? It's not really important, more like a curiosity lol

  • permalink
  • fedilink
  • source
  • parent