Dojo一覧でタグ/文章が長いとテキストが見切れてしまう問題

[yuki384]

現状

タグと文章が合計5行以上になったときに見切れてしまいます(＞A＜;

解決策

dojo達が入っている親要素にdisplay: flex; flex-wrap; を設定してあげて、
class="dojo"に

display: block;
width: calc(50% - 10px); //50%というのは1行に2Dojoを表示させる場合。4つ表示させる場合は25%とか
height: auto;

と設定してあげると、行ごとに高さが揃うはずです。と同時にタグが6つ以上でも表示できるようになります。

試してないのでわからないので、あとで動作確認次第PRにします

[yasulab]

@yuki384 Issue ありがとうございます！

あれ、手元の実機だと再現できなかったのですが、どの端末で発生しましたか？📱👀💭

[yuki384]

なぬ・・・？
MBP 2017 13inch でブラウザはChromeの最新版でした。
というか今iPhoneで確認したら再現できなかったので、もしかしたらブラウザの表示サイズの設定や拡張機能の影響など、私の環境がおかしいのかもしれません... 🤔

後で確認します

[Yuppymam]

私も確認してみました👀PCでは確認できませんでしたが、モバイルでは、たまみらDojo は見切れてしまっていました💦

🔽5/SE では渋谷Dojoも見切れていそうです💦

[yuki384]

確認できました、こちらiPhone8 Chromeですー！

[yasulab]

情報ありがとうございます！(＞人＜ ) 💖✨

手元に再現できる実機がないので、(もし可能なら) どなたか実機で確認できる方にお願いできると嬉しいです 😭 😭 😭

[chicaco]

Android (SHARP AQUOS SH-04L) でも渋谷とたまみらは見切れていました。

[yuki384]

こちら修正してみました！
#728