Skip to content

Instantly share code, notes, and snippets.

@osapon osapon/mastodon.user.css
Last active Mar 13, 2018

Embed
What would you like to do?
Mastodonの2.3.0とかで動くようにしているcss。トゥートの間隔を詰めて、unarist氏の固定トゥート圧縮をさらに改造
.drawer {
overflow : visible ;
width : 25% !important ;
height : 400px !important ;
}
.emoji-dialog {
z-index : 1 !important ;
position : fixed !important ;
top : 5% !important ;
left : 0px !important ;
margin-left : 25% !important ;
height : 90% !important ;
}
.column, .columns-area > div:nth-child(4) {
flex : 1 1 0 !important ;
}
.drawer__header
{
position : absolute !important ;
width : 15% !important ;
left : 45% !important ;
margin-left : 1em ;
}
.search
{
position : absolute !important ;
width : 20% !important ;
left : 25% !important ;
}
.column:nth-child(2) {
margin-top : 60px !important ;
}
.column:nth-child(3) {
position : fixed !important ;
width : 25% !important ;
top : 390px !important ;
height : 63% ;
padding-left : 10px !important ;
}
.column:nth-child(4) {
margin-top : 60px !important ;
}
/* ここから下はお好みで */
[data-id^="f-"] .status__wrapper:not(:focus) .status__prepend {
padding: 0 !important;
max-height: 2em !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status__prepend span {
display: none !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status {
padding-top: 0 !important;
min-height: 0 !important;
max-height: 2em !important;
overflow: hidden !important;
}
[data-id^="f-"] .status__wrapper:not(:focus) .status__avatar,
[data-id^="f-"] .status__wrapper:not(:focus) .display-name {
display: none !important;
}
.status__action-bar {
margin-top:0px !important;
}
.status{
padding-top:0px !important;
padding-bottom:0px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.