Authorbundyo
LicenseNo License
Categorymastodon.tld
Created
Updated
Size1.9 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
A more compact Mastodon advanced interface. Moved the Getting Started/profile section under the compose interface (first column). Also made the columns less wide and more compact, thus emptying space for at least one or two more columns to the right.
One downside is that while composing a toot or replying, the compose area can cover the Getting Started area, but after sending it is uncovered again.
By default the style applies to Mastodon domains that use the full name, e.g. mastodon.social, mastodon.lol, etc. To customize it for your domain - edit the URL in your local Stylus config.
/* ==UserStyle==
@name Compact Advanced Mastodon
@namespace mastodon.tld
@version 0.1.4
@description A more compact Mastodon advanced interface.
@author Bundyo
==/UserStyle== */
@-moz-document regexp("[\\w\\W]*(mastodon\\.\\w+|bundyo.com)\\/[\\w\\W]*") {
.columns-area > * {
width: 290px;
padding: 6px 3px;
}
.column:first-child,
.drawer:first-child {
padding-left: 6px;
}
.layout-multiple-columns .column:last-child,
.layout-multiple-columns .drawer:last-child {
padding-right: 6px;
position: absolute;
z-index: 1;
top: 360px;
left: 3px;
bottom: 6px;
background: #191B22;
}
.drawer__header,
.search {
margin-bottom: 6px;
}
.drawer__pager {
overflow: visible;
}
.status,
.compose-form,
.navigation-bar {
padding: 10px;
}
.drawer__inner.darker,
.compose-form {
z-index: 2;
}
.drawer__inner.darker {
height: auto;
}
.compose-form {
background: #444B5D;
}
.navigation-bar {
padding-bottom: 0;
}
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
padding-top: 10px;
}
.column-header > button {
padding: 15px 0 15px 10px;
}
.compose-form__buttons button.icon-button {
font-size: 16px !important;
}
.compose-form .compose-form__buttons-wrapper [type=button] {
padding: 0;
margin-right: 2px;
color: #999;
}
.compose-form .autosuggest-textarea__textarea {
min-height: 80px;
max-height: 80px;
overflow: auto;
color: #ddd;
background: #191B22;
}
.compose-form__sensitive-button,
.compose-form .compose-form__modifiers .compose-form__uploads-wrapper {
padding: 2px 5px;
color: #ddd;
background: #191B22;
}
.compose-form__sensitive-button {
padding: 0 6px 6px;
}
.compose-form .compose-form__buttons-wrapper {
padding: 6px;
background: #292B32;
}
.compose-form .compose-form__modifiers .compose-form__upload {
margin: 5px 0;
}
}