search

vim-jp / slacklog-generator

Archive generator for Slack
https://vim-jp.org/slacklog/
Creative Commons Attribution 4.0 International
26 stars 9 forks source link

URL 参照先の画像がデカいと辛い #129

Open mattn opened 4 years ago

mattn commented 4 years ago

See https://vim-jp.org/slacklog/CSM0YPD0B/2020/03/#ts-1584945670.064700

max-width 指定する？

koron commented 4 years ago

以下のCSSを指定するとこうなった。 max-height で制限した場合 max-width: auto は効かず横長になるので、このくらいが妥当そう。

20vh を指定したのは1画面に5個くらいは表示できたほうが良いのでは? という考えから。

height: 20vh;
width: auto;

image

koron commented 4 years ago

1発言あたりの max-height を決めちゃって 内側の要素はそこに収まるようにレイアウトしたほうがよいかも。

flex あたりを使えばできると思うけど CSS フレームワークを通してるのでようわからない。

raa0121 commented 4 years ago

36 と一緒ですかね？

koron commented 4 years ago

解決法としてはこちらのほうが進んでるので #36 を閉じてこちらに一本化しましょ。