投稿

5月, 2024の投稿を表示しています

【Misskey】添付画像の高さの最低値を変更するカスタムCSS

/* 添付画像の高さの最低値を変更 */ article.x5yeR div.xutAY.xsfFg { min-height: 20px; } Copy

【Misskey】投稿フォームの添付画像リストをちょっと大きくするカスタムCSS

/* 投稿フォームの添付画像をちょっと大きくする(横スクロール付き) */ div.xpDI4.xxtDg > div.xj7LU { div.xogvv { flex-wrap: nowrap; overflow-x: scroll; div.xtEVP { flex: 0 0 calc(100% / 4 - 4px); height: auto; aspect-ratio: 1; margin: 2px; } div.x3bJu { width: 100%; height: 100%; } padding-bottom: 5px; margin-bottom: 20px; } p.xeJ9I { top: unset !important; bottom: 8px; } } Copy

【Misskey】横長のリアクションをはみ出さないように表示するカスタムCSS

/* 横長のリアクションをはみ出さないように表示 */ button.xDRXD { display: flex; align-items: center; img { max-width: 100%; width: 0%; flex-grow: 1; flex-shrink: 1; } } Copy

【Misskey】チャンネル作成者のusernameを投稿フォームに挿入するプラグイン

/// @ 0.18.0 ### { name: "チャンネル作成者に連絡" version: "1" author: "@uru_S3@nijimiss.moe" description: "作成者と管理者が異なる場合があります。概要等に記載がないか確認してください。" } Plugin:register_post_form_action("チャンネル作成者に連絡" @(form update) { var myArr = [] var curURL = Mk:url() myArr = curURL.split("/") if (myArr.incl("channels")) { var chID = myArr[myArr.len-1] var chInfo = Mk:api("channels/show", {channelId: chID}) var userId = chInfo.userId if (userId != null) { var userInfo = Mk:api("users/show", {userId: userId}) var username = userInfo.username var text = form.text var updated_text = `@{username} {text}` update("text", updated_text) } else { Mk:dialog("" "アカウントが存在しません") } } else { Mk:dialog("" "チャンネルページを開いてください") } }) Copy

【Misskey】アイコンをお花の形に切り抜くカスタムCSS

/*アイコンをお花の形に切り抜き*/ .chromatic-ignore.xEFF2.x2pHm.xraw1 { aspect-ratio: 1; --g:/23.606% 23.606% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat; mask: 100% 50% var(--g),90.451% 79.389% var(--g),65.451% 97.553% var(--g),34.549% 97.553% var(--g),9.549% 79.389% var(--g),0% 50% var(--g),9.549% 20.611% var(--g),34.549% 2.447% var(--g),65.451% 2.447% var(--g),90.451% 20.611% var(--g),radial-gradient(100% 100%,#000 36.327%,#0000 calc(36.327% + 1px)); } Copy 参考:https://coliss.com/articles/build-websites/operation/css/css-shape.html