モバイルテーマでの投稿返信リスト

貢献 特徴
10

こんにちは、Nildarar さん、

本日、この対応を行いました。管理画面で新しいコンポーネントを作成し、その中にモバイル向けの CSSを追加しました。

これでモバイル環境でも返信ボタンが表示されるようになります。テーマに合わせて調整が必要な場合もあるかもしれませんが、ウェブサイトURLを教えていただければ、お手伝いできますよ :slight_smile:

.show-replies {
    display: block;
    margin-bottom: 10px;
    margin-left: -6px;
    font-weight: 600;
}

.show-replies span {
    margin-right: 5px;
}

.embedded-posts .topic-avatar {
    padding-left: 0;
    padding-top: 0;
    width: 45px;
}

.embedded-posts {
   margin-top: 20px;
   padding: 10px;
   background: var(--primary-low, $primary-low);
   border-radius: 4px;
}

.embedded-posts > div:not(:last-of-type) {
   border-bottom: 1px solid var(--primary-medium, $primary-medium);
   margin: 10px 0px 20px 0px;
}

.embedded-posts .topic-body .cooked {
    display: inline-block;
    margin-top: 10px;
}

モバイル表示での見た目は以下の通りです :arrow_down:

reply-mobile
reply-mobile406×468 1.23 MB

このページでモバイル環境を確認できます。

更新: 最新の返信には境界線が表示されなくなりました。

「いいね！」 5