I’d like to center the address bar and make it so it resizes itself to the length of the URL so that all the side buttons it contains are always right next to URL. (Like bookmarks star, zoom indicator, notification etc.) Any ideas?

  • MrOtherGuy@lemmy.world
    link
    fedilink
    English
    arrow-up
    2
    ·
    1 year ago

    That’s not going to be possible with CSS since the urlbar input box is ultimately a html <input> element, width of which can’t depend on the contained value alone. You’ll need custom javascript that sets a width for the input box every time something is entered to the input box, and also whenever the text in the input box changes for whatever other reason so it’s not exactly trivial.

    • WEAPONX@lemmy.worldOP
      link
      fedilink
      English
      arrow-up
      1
      ·
      1 year ago

      That is way above my league. I guess I’ll settle on having URL text centered. Thanks. This is what it looks like so far: