【gmail】サイドバーの幅

最近gmailのUIが変わりましたよね。新しくなったのはいいのですが、サイドバーの幅は相変わらず、固定で見づらいです。chrome等のadd-inのstylishを使って幅を広げていたのですが、UIが変わってから効かなくなってしまいました。とりあえず、広がるようにstylishに設定しているcssを書き換えたので、共有します。あ、stylishのインストールの仕方は後ほど追記します。

Contents

1 書き換え後CSS
2 参考サイト

書き換え後CSS

以下のようにCSSを指定します。「–width-sidebar」の幅はお好みで指定してください。googleがmax-widthの指定なんか追加してきたのですが、幅を広げさせたくないのでしょうか？　個人的にはマウス操作で可変に設定出来れば良い気がするのですが。　どうなんでしょう。

:root {
    --width-sidebar: 350px;
    --width-right: 56px;
}
/* left column */
.no .nH.oy8Mbf.nn.aeN {
    width: var(--width-sidebar) !important;
    max-width: var(--width-sidebar) !important;
}
.TO {
    width: var(--width-sidebar) !important;
}
/* center column */
.no .nH.bkK.nn {
    width: calc(100% - (var(--width-sidebar) + var(--width-right))) !important;
}
/* right column */
.no .nH.bAw.nn {
    width: var(--width-right) !important;
}