Skip to content

Instantly share code, notes, and snippets.

@ponkotuy
Last active January 6, 2026 03:50
Show Gist options
  • Select an option

  • Save ponkotuy/f12d60ab0ee9c0c955d49b5edf2a11f0 to your computer and use it in GitHub Desktop.

Select an option

Save ponkotuy/f12d60ab0ee9c0c955d49b5edf2a11f0 to your computer and use it in GitHub Desktop.
SMHNのマルチカラムUI向けスペース調整CSS for Stylus
/* ==UserStyle==
@name social.mikutter.hachune.net compact
@namespace https://github.com/ponoktuy
@version 1.2.6
@description SMHNのマルチカラムUI向けスペース調整CSS for Stylus
@author ponkotuy
@license Unlicense
==/UserStyle== */
@-moz-document url-prefix("https://social.mikutter.hachune.net/") {
.drawer:first-child {
padding: 2px;
width: 300px;
}
.drawer__header {
margin-bottom: 2px;
}
.layout-multiple-columns .search {
margin-bottom: 2px;
}
.layout-multiple-columns .compose-form {
padding: 5px;
gap: 5px;
}
.column {
padding: 2px;
width: clamp(350px,(100% - 300px)/4,400px);
}
.status {
padding: 5px;
}
.status__info {
padding-bottom: 2px;
}
.status__action-bar {
margin-top: 2px;
}
.status__content {
font-size: 15px;
}
.status__content.status__content--with-action {
margin-inline-start: 2px;
}
.status__prepend {
padding: 2px 2px 0;
}
.status .media-gallery, .status-card {
margin-top: 0;
}
.status .content-warning {
margin-bottom: 2px;
padding: 2px;
}
.hashtag-bar {
margin-top: 2px;
}
.content-warning p {
margin-bottom: 2px;
}
.notification-group, .notification-ungrouped {
padding: 2px;
}
.notification-group__icon, .notification-ungrouped__icon {
width: 24px;
}
.notification-group__embedded-status, .notification-ungrouped__embedded-status {
gap: 2px;
}
.notification-group__main, .notification-ungrouped__main {
gap: 2px;
}
.notification-group__main__header, .notification-ungrouped__header {
gap: 2px;
}
.notification-ungrouped__header {
margin-bottom: 2px;
}
.notification-group__main__status, .notification-ungrouped__status {
padding: 2px;
}
.detailed-status {
padding: 2px;
}
.detailed-status__display-name {
margin-bottom: 2px;
}
:is(.notification-ungrouped, .status--in-thread) :is(.attachment-list, .audio-player, .content-warning, .filter-warning, .hashtag-bar, .media-gallery, .more-from-author, .picture-in-picture-placeholder, .status-card, .status__action-bar, .status__content, .video-player) {
margin-inline-start: 2px;
width: calc(100% - 4px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment