Make the center content take full width about control-panel-for-twitter HOT 5 CLOSED

Hey, that was me. :)

Those three lines of code stretches the main content to full width but it also hides search bar (because search bar is in the sidebar).

We could replace the Twitter logo with the search box.

document.querySelector('h1[role="heading"]').append(document.querySelector('form[aria-label="Search Twitter"]'));

Final result:

from control-panel-for-twitter.

Is it possible to add this to the Addon manually? Would love to get rid of the empty space that's left behind by the right sidebar.

from control-panel-for-twitter.

The search doesn't work in the left hand menu (the dropdown goes under the nav menu and also causes a scrollbar to appear), what should we do with it, bearing in mind that the top bar can also optionally contain the shared tweets timeline and the sparkle menu (when the Home timeline is enabled)?

Right	Searching

Middle	Searching

CSS for limiting media to its original size, so you can fit more tweets in, instead of fewer (and a debug outline):

[data-testid="primaryColumn"] [data-testid="tweet"] > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-last-of-type(2):not(:empty) {
  max-width: 600px;
  outline: 2px solid red;
}

from control-panel-for-twitter.

Also adding a li'l slider to let you control the width used:

from control-panel-for-twitter.

Released in v2.9

from control-panel-for-twitter.