投稿

【Misskey】もっと!ボタンを装飾するカスタムCSS

/* もっと!ボタン装飾 */ a.xbaFh { background: var(--accentedBg); color: var(--accentLighten); } a.xbaFh:hover { background: var(--accent); color: var(--fgOnAccent); } Copy

【Misskey】ファイル一覧のレイアウト変更

/* ファイル一覧のレイアウト変更 */ div.xuz3q:has(.ti-photo) { div.x2HaQ { display: inline-block; column-gap: 0.5em; column-count: 3; div.xqRck { height: auto !important; max-height: unset !important; margin-bottom: 0.5em; } } } Copy

【Misskey】リアクション絵文字の幅を2倍まで許容するカスタムCSS

/* 不定幅の絵文字をある程度横長に表示してもいいと許すCSS */ /* オプション無し版 */ /* 改変元:https://nijimiss.moe/notes/01H2V79HMN82VXZ8GQPJ3K64BZ */ .omfetrab > .emojis section > .body { display: flex !important; flex-wrap: wrap; justify-content: space-around; button { aspect-ratio: auto !important; width: fit-content !important; contain: layout !important; margin: 12px; } button img{ object-fit: cover; object-position: 50% 50%; max-width: calc(var(--eachSize) * 2); } } Copy

【Misskey】[検索]ボックスの高さを調整するカスタムCSS

/* [検索]高さ調整 */ input.xaIb4 { height: 20px; } Copy

【Misskey】投稿フォームに公開範囲アイコンを表示するカスタムCSS

/* 投稿フォームに公開範囲アイコンを表示 */ div.xpDI4.xxtDg { position: relative; } div.xnEld::before { font-family: "tabler-icons"; font-style: normal; font-weight: 400; font-size: 80px; opacity: .1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-world) div.xnEld::before { content: "\eb54"; } div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-home) div.xnEld::before { content: "\eac1"; } div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-lock) div.xnEld::before { content: "\eae2"; } div.xpDI4.xxtDg:has(div.x1Ye0 i.ti-mail) div.xnEld::before { content: "\eae5"; } Copy

【Misskey】チャンネルを開いている時は通常の投稿ボタンを半透明+無効にするカスタムCSS

/* チャンネルでは通常の投稿ボタンを半透明+無効 */ body:has(.xpACr.xCGq6) .x7c6u.xyfXN._button { opacity: .25; pointer-events: none; } Copy

【Misskey】投稿フォームの高さを調整するカスタムCSS

/* 投稿フォームの高さを調整する */ div.xnEld > textarea.x8B0D { min-height: 150px; } Copy