アイコン記法の最小幅をインデント幅と同値にする
UserCSS.icon
1.5em=.indent-markの既定のwidth
code:style.css
html {
--indent-width: 1.5em;
}
.line .indent-mark .pad {
width: var(--indent-width, 1.5em);
}
アイコン記法の最小幅をインデント記号と同値にする
code:style.css
.line img.icon,
.stream .page img.inline-icon {
top: initial;
vertical-align: sub;
height: inherit; width: auto;
object-fit: cover; object-position: center top;
height: var(--indent-width, 1.5em);
/* min-width: var(--indent-width, 1.5em); */ /* 1:1 */
min-width: calc(var(--indent-width, 1.5em) * 0.5); /* 1:2 */
}
2026-07-05 width: inherit;→width: auto;
実際の挙動への影響はない
2026-07-05 0:50 縦横比の最低保証を1:2に変更
2026-07-03 縦横比の最低保証が正方形になっていない不具合の修正
height: var(--indent-width, 1.5em);
既知の不具合：横幅の狭いアイコン記法の表示が正方形になっていない【修正済】
2026-07-05 追記
Nrem.icon自分が当初から想定していた話の焦点は以下の3点です（順不同）：
1. インラインアイコンの横幅に下限を設けるべきだ
画像の縦横比の関係でアイコン幅が小さくなりすぎるケースについては、画像の上側のみを表示することによって横幅を確保するのが最善だ（あるいは、それとも元画像全体を表示しつつ横に引き伸ばされた表示にすべきだろうか？ 他の解消法が存在するようには見えない）
こうすればインラインアイコンとして使えるページの数も増えることだろう
? 上辺寄せか中央寄せかについては議論の余地がある
2. アイコンサイズを大きくすることによって、1.の最低幅と縦横比の下限を広く見積もれるのではないか
3. アイコンサイズをインデント幅と同値まで大きくすることによって、アイコン前付け記法時にユーザーアイコンをインデント代わりとして機能させることが可能になり、インデントの深さを抑えられるケースがあるのではないか ちなみに自分は、これを実際的かつ合理的な判断であり自明の理だと思っている。こうした説明をつけ加えずとも、当然のように共有されている前提だと錯覚してしまっていた
（2026-07-03 19:36頃に書かれた補足説明）根本的に説明不足であることに気がつきました（）Nrem.icon
このUserCSSは、
1. アイコン記法の最小幅min-widthをインデントの幅--indent-widthと同じ幅にします
2. アイコン記法の縦幅heightをインデントの幅--indent-widthと同じ幅にします
3. アイコン記法の元の画像のアスペクト比が
height > width（縦長）の場合、画像の上端を起点にトリミングされたアスペクト比 1:1 の正方形のアイコンとして表示します
width ≧ height（正方形または横長）の場合、元の画像のアスペクト比が保たれた正方形または横長のアイコンとして画像全体を表示します
要約：
アイコンをCosense標準のサイズより一回り大きく表示する
Cosenseの仕様で縦長アイコンが極小の細い画像として埋め込まれる現象を、アイコンの上端を正方形にトリミングした表示に変更することで回避する
横長のアイコンは単に従来より一回り大きく表示されるだけ
object-fit は CSS のプロパティで、置換要素、例えば <img> や <video> などのコンテンツを、コンテナーにどのようにはめ込むかを設定します。
置換コンテンツはアスペクト比を維持したまま、要素のコンテンツボックスに収まるように拡大縮小されます。オブジェクト全体がボックス内に表示され、アスペクト比が維持されるので、オブジェクトのアスペクト比とボックスのアスペクト比が合わない場合は、レターボックスまたはピラーボックス表示になります。
2026-07-03 00:28頃
はるひ.iconさんが影響を受けているyosider.icon
https://gyazo.com/7d9b09a632deede8dddd20440c8bba1f
とりあえず、（少なくとも結果として）横幅が狭くなる細長アイコンにしていることが意図的なものなのかどうかを確認したいNrem.icon
shields.io を用いたこの画像ですね
https://img.shields.io/badge/--080#.png
たとえば、自己表現や何かアイデンティを示すような深い意味が込められているのであれば、もちろんその意思を尊重すべきだと思う
（仮に自分Nrem.iconがこういった画像にしていた場合、何か適当にいじったらなんかできた変な画像をただの気まぐれで設定した可能性が高い）
（この程度の横幅なら大して問題ないはずですが）純粋に実用面からいえば、小さすぎるアイコンは視認性と操作性に関して不都合があります（特にスマホからアクセスされる時）
もちろん仮定の話であり、はるひ.iconさんのアイコンがそこまで極端に細いというわけではない
おは.icon系は影響されないのかはるひ.icon
縦長のアイコン画像を上からトリミングされた表示にしますが、正方形や横長のアイコン画像に関しては単に一回り大きく表示するだけなんで…Nrem.icon
言われてみるといろんなアイコンの下が切れているcaki.icon
:igyo:.iconとかClaude Fable 5.iconとかが目立つ
ああそれは、（横幅が）最低でも1:1の正方形になるように画像トリミングのアンカーを上端に指定している関係です。（もしこのUserCSSが意図した通りに機能していれば）元画像のアスペクト比が width >= height の場合にはそのまま表示されますNrem.icon
そして現在の版にはこのアスペクト比に関して根本的な実装ミスがあり、正方形の画像でも下端がわずかにトリミングされてしまいます
（脱線）（UserCSSで自環境を改変しすぎているので）こちらでは偉業アイコンの方は切れてなかった
https://gyazo.com/9732a87a56a987d546cc1e9b87bf612c
2026-07-04 朝
レッドブル.iconとか
もとから縦長のアイコンが多い
スポーツドリンク.icon うーん
スポーツドリンク.icon
なるほど…これは的確な指摘で、本当に参考になります。ご指摘ありがとうございますNrem.icon
2026-07-05 0:50 縦横比の最低保証を1:2に変更しましたNrem.icon
ユーザーアイコンには大抵1:1の正方形の画像が割り当てられていることが多いので、実際これでも問題ないはず
この変更後はページタイトル「アイコン記法の最小幅をインデント幅と同値にする」がミスリーディングのようになってしまうが、タイトルはこのままでよいでしょう、たぶん
Nrem.icon
このUserCSSを無効化すると、ページ画像を埋め込みアイコンとして再利用するうえで個々の画像を別途トリミング加工する工程が増えます
times-suto3-2026-06-30.icon──ちょうどこのページアイコンのような立ち絵や、その他の縦長ポートレート画像をアイコン記法で埋め込むと、画像全体が一文字分以下の面積に縮小されて何の画像なのかがほとんど分からなくなります
……ん？ いやこの画像、なんだか裸体に見えるような
times-suto3-2026-06-30.icon
目の錯覚らしい
ChatGPTくんがいい仕事をしてくれましたsuto3.icon
🙏Nrem.icon
ページの一番上にある画像をアイコン記法に合わせるためだけに正方形トリミング版を用意する必要性を減らしている