OldtweetDeck+Better TweetDeck = 最強！！

AndroidのMarinDeckがつかえなくなり、その後釜として使えそうなので導入してみる。

環境

• Android 7.0～ (Kiwi Browserが動作すること)
• Kiwi Browser
• OldTweetDeck (github)
• Better TweetDeck (github)

導入

基本的にはOldTweetDeckの導入に従えばOK。Kiwi Browserはchromeと違いzipのまま拡張機能を追加できる。スマホ表示だとTweetDeckの表示がところどころおかしくなるのでそれをBetter TweetDeckで修正していく。

カラムの幅

設定 > 一般 > カラムの幅を変更 にチェックを入れ、数値を入力する。

1カラムの幅をディスプレイサイズに合わせたい場合はこのサイトで表示される横の数値から60を引いた値を入力する。

カスタムCSS

表示が崩れる部分は 設定 > カスタムCSS に以下を記入

/* ユーザー画面の幅調整 */
/* 横521px以上のデバイスでは不要 */
html.dark .mdl,
html.dark .prf-header,
html.dark .prf-header-inner-overlay,
html.dark .s-profile,
html.dark .mdl-column-rhs {
    width: 90vw;
}
/* テキストの折返し */
.js-social-proof.social-proof-container.txt-size--13.cf.padding-al {
    width: auto;
}
/* Add a XXX column の高さ調整 */
html.dark .mdl-column-rhs {
    height: 700px;
}
/* Add a XXX column の検索欄消去 */
/* (カラムにリストなど追加したいときは以下3つをコメントアウトする) */
.l-column.mdl-column.mdl-column-med {
    display: none;
}
.l-column.mdl-column.mdl-column-med.mdl-column-rhs {
    display: block;
}
html.dark .mdl-column-rhs {
    width: auto;
}

/* メディア表示時のアクションボタン位置調整 */
html.dark .med-tweet {
    right: 0;
    left: 0;
    bottom: 100px;
}
/*Tweetボタン移動*/
button.js-show-drawer.js-show-tip.Button.Button--primary.Button--large.tweet-button.margin-t--8.margin-b--10 {
	transform: translateY(500px);
	z-index: 300;
}
.js-compose-controls.attach-compose-buttons {
    transform: translateY(500px);
    position: relative;
    z-index: 300;
}

/*---投稿画面調整---*/
/*カラムの幅と同じ数値を入れる*/
div .js-app-content.app-content.is-open {
    transform: translateX(350px) !important;
    margin-right: 350px !important;
}
div .js-drawer.drawer {
    width: 350px !important;
    left: -350px !important;
}
.antiscroll-inner.scroll-v.scroll-styled-v.padding-h--15 {
    overflow: hidden;
}
/*テキストボックスの高さ*/
.js-drawer .js-compose-text.compose-text[style*='height: 130px'] {
	height: 100px !important;
}
/*投稿画面固定を無効*/
footer.pin-bottom-full-width.old-composer-footer {
	display: none;
}
/*ツイートボタン・アカウントボタン位置変更*/
.antiscroll-inner.scroll-v.scroll-styled-v.padding-h--15 {
    display: flex;
    flex-direction: column;
}
.js-account-list {
    order: 1;
    transform: translate(130px,-210px);
}
div .cf.margin-t--12.margin-b--30.btd-compose-button-wrapper {
    justify-content: flex-start !important;
}
html.dark .margin-v--14 {
	display: none;
}
.js-compose-message-header.margin-b--9.compose-text-title {
    display: none;
}
.js-new-composer-upsell-padding.height--40 {
    display: none;
}
/*emoji・GIFピッカー無効*/
div#emojiButton,
div#gif-root-element{
    display: none;
}