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