slacklog-generator icon indicating copy to clipboard operation
slacklog-generator copied to clipboard

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

Open mattn opened this issue 5 years ago • 4 comments
trafficstars

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

max-width 指定する?

mattn avatar May 16 '20 17:05 mattn

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

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

height: 20vh;
width: auto;

image

koron avatar May 17 '20 01:05 koron

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

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

koron avatar May 17 '20 01:05 koron

#36 と一緒ですかね?

raa0121 avatar May 17 '20 03:05 raa0121

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

koron avatar May 17 '20 07:05 koron