Skip to content

Instantly share code, notes, and snippets.

@VoQn
Created May 29, 2017 12:03
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save VoQn/8dab7447f8dc8c778cc8e41143e99850 to your computer and use it in GitHub Desktop.
Save VoQn/8dab7447f8dc8c778cc8e41143e99850 to your computer and use it in GitHub Desktop.
mastodon の viewport-width が 1025px 以上だった時に無理やり2カラムに修正するやつ
@media screen and (min-width: 1025px) {
.tabs-bar {
display: flex;
}
.drawer__header,
.tabs-bar__link[href="/web/statuses/new"],
.columns-area>[role="region"] {
display: none;
}
.drawer {
flex: 3;
min-width: 300px;
}
.columns-area>:last-child {
flex: 5 !important;
max-width: 800px;
margin-right: 5px;
}
.columns-area>:last-child>.column,
.mastodon-column-container>.column {
flex: 1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment