Skip to content

twitter.com fit to window width by nullpage

Details

Authornullpage

LicenseCC Zero

Categorytwitter.com

Created

Updated

Size966 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

2022/01/02 First post

Notes

It fit to the full width of the window while maintaining the 3-column layout.
The problem of expanding the window for posting is something to be improved in the future.

3列レイアウトを維持したままウインドウ幅いっぱいに広げます。
投稿用のウインドウまで広がってしまう問題は今後改善すべき点です。

DeepLによる機械翻訳ですがそのままではダメっぽいですね…。
でも翻訳改善支援機能(折り返し翻訳)も無いのでそのままにします。

Source code

/* ==UserStyle==
@name         twitter.com fit to window width
@version      20220711.06.46
@namespace    userstyles.world/user/nullpage
@description  2022/01/02 First post
@author       nullpage
@license      CC Zero
==/UserStyle== */

@-moz-document regexp("https?:\\/\\/twitter\\.com\\/(?!messages).*") {
header {display: block !important; width: 275px;}
main {display: block !important; width: calc(100% - 275px);}
main>* {width: auto !important;}
[data-testid="primaryColumn"] {width: calc(100% - 350px); max-width: none;}
[data-testid="primaryColumn"]>div {width: auto !important;}
[data-testid="primaryColumn"]>div>div {max-width: none;}
[data-testid="sidebarColumn"] {margin-right: 0;}

div.r-13qz1uu.r-1adg3ll[style*="33.3333%"] {padding-bottom: 20% !important;}
.r-1ye8kvj {max-width: none;}

/* media size to smaller */
[data-testid="card.layoutLarge.media"] {max-width: 640px !important;}
[class="css-1dbjc4n r-1s2bzr4"] {max-width: 640px !important;}

}

Reviews

No reviews yet.