KiKaraage / ArcWTF

A userChrome.css theme to bring Arc Browser look on Windows to Firefox. Work with Windows, Linux and macOS ✨
1.34k stars 28 forks source link

Minor Popup search issues - any fixes? #76

Open stjcrisp opened 4 months ago

stjcrisp commented 4 months ago

Really loving the theme so far, just a couple of small issues I've noticed with uc.tweak.popup-search. I'm wondering if anybody has come across the same and knows of a fix?

Any insight would be much appreciated!

beracira commented 2 months ago

These two all circle back to the logic behind the popup urlbar: the popup triggers when it's focused.

First one: it'd be a bit tricky to implement that because the moment you right click on the text, the urlbar is no longer in focus. I can dig around and see if we can work around that.

Second one: I've been using CTRL + L to invoke the popup, which automatically selects the existing URL.

mattkel commented 3 days ago

For the first one I just right click the urlbar input when it's not focused and when the popup isn't shown and it works as normal.

I also sometimes use Ctrl+L to invoke the urlbar, but I found a fix/workaround for the second one. I don't use this theme, instead I just added the code from the popout-search.css to my own userChrome.css. Anyways, changing position: fixed to position: absolute seemed to fix it. The only caveat now is the popout isn't centered horizontally, so I just manually centered it by changing the left value inside the #urlbar, you'll have to play around with it to see if it looks centered for you - there's probably a better way to do it but I just found this theme tonight and can't be bothered looking into it more atm. Here's the css I use, I deleted everything else in the popout-search.css because it wasn't necessary for my setup. Edit: added the proper codeblock


#urlbar:is([breakout][breakout-extend], [breakout][usertyping][focused]) {
  #urlbar-input {
    font-size: 16px !important;
  }

  z-index: 1;
  /* position: fixed !important; --- original */
  position: absolute !important;
  top: 20vh !important;
  /* left: 18vw !important; --- original */
  left: -60px !important; /* --- change to whatever looks centered --- */
  width: 54vw !important;
}