Skip to content

Instantly share code, notes, and snippets.

@pacochi
Created May 8, 2018 13:36
Show Gist options
  • Save pacochi/e3735712b4c3d11b805632bbf149f31a to your computer and use it in GitHub Desktop.
Save pacochi/e3735712b4c3d11b805632bbf149f31a to your computer and use it in GitHub Desktop.
Mastodon の見えにくい公開範囲を分かりやすく表示します。
/*
元 : https://mstdn.maud.io/@unarist/99654429632902892
崩れるところも結構あるらしい
*/
.status-unlisted::before, .status-private::before {
display: block;
position: absolute;
width: 14px;
height: 14px;
left: 10px;
bottom: 8px;
font: 14px/1 FontAwesome;
}
.status-unlisted::before {
content: "\F13E";
opacity: 0.3;
}
.status-private::before {
content: "\F023";
opacity: 1; /* 🔒の強調をしたいので白い */
}
/* 旧版、完全に自分用だったので色々とひどい
.status-unlisted {
background: url('https://img.pawoo.net/media_attachments/files/002/695/090/original/618771f695545934.png') left bottom no-repeat;
}
.status-private {
background: url('https://img.pawoo.net/media_attachments/files/002/695/091/original/f293eff2b1a028d7.png') left bottom no-repeat;
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment