Skip to content

Instantly share code, notes, and snippets.

@hyuki
Last active September 6, 2023 22:58
Show Gist options
  • Save hyuki/df4b2ffd5769252635252029a01bb5b8 to your computer and use it in GitHub Desktop.
Save hyuki/df4b2ffd5769252635252029a01bb5b8 to your computer and use it in GitHub Desktop.
Mastodon でパネルやメニューをほとんど全部消して、投稿のみを読むためのCSS(Stylusで使うことを想定)
/*
* Hide most panels.
* For Stylus (Chrome extension)
* Mastodon 4.1.6
* URL should be https://mastodon.example/@myaccount
*/
.navigation-panel {
display: none;
}
.link-footer {
display: none;
}
.account-timeline__header {
display: none;
}
.column-header__button {
display: none;
}
.column-back-button {
visibility: hidden;
}
.media-gallery__item-thumbnail::after {
visibility: hidden;
}
.spoiler-button--minified {
visibility: hidden;
}
.navigation-bar {
display: none;
}
/*
* Distraction free publishing.
* For Stylus (Chrome extension)
* Mastodon v4.1.6
* URL should be https://mastodon.example/publish
*/
.columns-area__panels__pane--navigational {
visibility: hidden;
}
.columns-area__panels__pane--compositional {
visibility: hidden;
}
.autosuggest-textarea__textarea {
background-color: #e6e6ee !important;
}
img.emojione {
display:none;
}
.navigation-bar__profile-edit {
display:none;
}
.character-counter {
display:none;
}
.fa-ellipsis-v {
display: none;
}
.compose-form__poll-button-icon {
display: none;
}
.button--block {
min-width: 312px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment