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?

  • MrOtherGuy@lemmy.worldM
    2·
    3 months ago

    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?

    • MiniBus93@lemmy.worldOPEnglish
      1·
      3 months 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

      • MrOtherGuy@lemmy.worldM
        1·
        3 months ago

        Well, the imgur link is just a blank white image so that doesn’t help, but I find it really odd if the main panel menu wouldn’t have quit/exit option on macOS. Also on a quick search on the source I don’t find anything to indicate that it would be hidden on macOS. Same goes for the About:Firefox item in Help panel.

        I have no clue about macOS really, but I think it’s super odd that these two would be missing - are you sure you have a official version of Firefox installed and not some third-party build or fork?

          • MrOtherGuy@lemmy.worldM
            1·
            3 months ago

            That works, thanks. I assume you are adding icons to items with css, but there is not supposed to be a restart item there either. Not in normal Firefox.

            • MiniBus93@lemmy.worldOPEnglish
              0·
              3 months ago

              that is a script yeah, but it shouldn’t impact this. The icons are added with css yeah, mostly by your snippet. The screen are exactly the same without icon and restart button in the troubleshoot mode, I’d retake then but currently don’t have access to the w11 desktop.

              It’s getting interested so I’ll tru to ask around on firefox communities and report it back here for knowledge purpose

  • MiniBus93@lemmy.worldOPEnglish
    1·
    3 months 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 commented 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