How can we just expand the search bar instead of it floating.

[Ritwik-Sh]

I have Zen Twilight installed, and dont like the floating search bar. is there a way to change it to what Maubg showed it yet?

I want to get something like this

[dosubot[bot]]

Hey there, @RitwikSHS10! 👋 I'm here to help you with any bugs, questions, or contributions you might have. I'm Dosu, a bot designed to assist you while waiting for a human maintainer.

To expand the search bar in Zen Twilight instead of having it float, you can modify the CSS for the #urlbar element. Here's how you can do it:

1. Locate the CSS rule for #urlbar[breakout-extend='true'].
2. Remove or adjust the properties that set the position to absolute and control the top, left, and transform properties.

Here's an example of how you might modify the CSS:

#urlbar[breakout-extend='true'] {
  z-index: 1000;
  min-width: 600px;
  top: 0 !important;
  --urlbar-container-height: 55px !important;
  --urlbar-margin-inline: 10px !important;

  & #urlbar-background {
    background: var(--zen-branding-bg) !important;
    backdrop-filter: blur(10px);
    border: 1px solid var(--arrowpanel-border-color) !important;
  }

  & #identity-box {
    margin-right: var(--urlbar-margin-inline);
  }

  :root[zen-right-side='true'] & {
    right: 0;
  }

  /* Remove the following block to prevent floating */
  /* @media not (-moz-bool-pref: 'zen.view.compact') {
    max-width: 45%;
    min-width: 45%;
    position: absolute;

    top: calc(var(--zen-toolbar-height) * 4) !important;
    left: 50%;
    transform: translateX(-50%);
  } */
}

By removing the block that sets the position to absolute and adjusts the top, left, and transform properties, the search bar will no longer float and should expand as desired ^[1].

To continue talking to Dosu, mention @dosu.

[Ritwik-Sh]

this will just make it go to the topmost. I want, that the address bar expands, where it already is (left side in the Twilight version).