編集履歴 https://minazukey.uk/notes/9g3koxrfuweqa07u
2023-08-19 11:46:36
2023-06-17 22:02:28
投稿内容
詳細情報
OldNewDifferences
1010 "type": "Note",
11- "notag": " calckeyでも使えるみたいですこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）https:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです画像のような感じになりますめんどくさいのでコピペしたい人向け全文が以下\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n} ",
11+ "notag": " calckeyでも使えるみたいですこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）https:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです画像のような感じになりますめんどくさいのでコピペしたい人向け全文が以下\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n}",
1212 "source": {
13- "content": "calckeyでも使えるみたいです\nこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）\nhttps:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709\n\n横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです\n画像のような感じになります\nめんどくさいのでコピペしたい人向け全文が以下\n```\n\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n}\n```",
13+ "content": "calckeyでも使えるみたいです\nこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）\nhttps:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709\n\n横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです\n画像のような感じになります\nめんどくさいのでコピペしたい人向け全文が以下\n```css\n\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n}\n```",
1414 "mediaType": "text\/x.misskeymarkdown"
1717 "summary": null,
18+ "updated": "2023-08-19T02:46:36.886Z",
1819 "inReplyTo": null,
2930 "attributedTo": "https:\/\/minazukey.uk\/users\/9co6mf1xrv",
30- "_misskey_content": "calckeyでも使えるみたいです\nこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）\nhttps:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709\n\n横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです\n画像のような感じになります\nめんどくさいのでコピペしたい人向け全文が以下\n```\n\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n}\n```"
31+ "_misskey_content": "calckeyでも使えるみたいです\nこちらのページを参考に変更しています（絵文字画面のカテゴリ表示がちょっと変わります）\nhttps:\/\/misskey.io\/@ikakonbu\/pages\/1686675880709\n\n横長文字用にオプションの部分を変更して横長文字用の視認性を上げたものが以下のCSSです\n画像のような感じになります\nめんどくさいのでコピペしたい人向け全文が以下\n```css\n\/*不定幅の絵文字をある程度横長に表示してもいいと許すCSS*\/\n\n\/*各種オプション 各自で調整してください*\/\n:root {\n \/*絵文字サイズ*\/\n --emoji_default_size: 30px;\n \/*絵文字どうしの間の余白(横)*\/\n --emoji_margin_lr: 4px;\n \/*絵文字どうしの間の余白(上下)*\/\n --emoji_margin_tb: 2px;\n \/*横長の絵文字がどこまで横に広がってもいいか*\/\n --emoji_max_size: 999px;\n \/*上のサイズより横幅がでかい絵文字が出たとき、どう表示するか\n fill 絵文字画像をつぶして、無理やり収める\n contain 絵文字の画像サイズを小さくして、最大サイズにおさまるようにする\n cover　はみ出た分は表示しない*\/\n --emoji_displey_style: contain;\n}\n\/*コード*\/\n.emojis section{\n padding: 5px 5px;\n text-align:center;\n \n}\n.emojis section>.body {\n display: inline !important;\n padding: 0 !important;\n line-height: var(--emoji_default_size);\n}\nbutton:has(.emoji){\n aspect-ratio: auto!important;\n width: fit-content !important;\n contain: layout !important;\n margin: var(--emoji_margin_tb) var(--emoji_margin_lr) !important;\n height: var(--emoji_default_size) !important;\n}\nbutton:has(.emoji) img{\n height: var(--emoji_default_size) !important;\n object-fit: var(--emoji_displey_style);\n object-position: 0% 50%;\n max-width: var(--emoji_max_size);\n}\n```"
3132 }
編集履歴 https://minazukey.uk/notes/9g3koxrfuweqa07u