プライベートメッセージをバブルではなく通常のトピックとして表示する最も簡単な方法とは？

awesomerobot · 2021 年 8 月 16 日午後 5:29

はい、コンポーネント内で CSS で元に戻すのが現時点では最善の方法です。上記の CSS リンクは良い出発点のようです。もし何か不足している場合は、すべての PM バブルのスタイルは以下の場所に含まれています：

app/assets/stylesheets/common/base/personal-message.scss

c7beb0b9a

.archetype-private_message {
  --border-radius: 2em;

  @keyframes current-user-background-fade-highlight {
    0% {
      background-color: var(--secondary);
      border-color: var(--primary-low);
    }
    100% {
      background-color: var(--tertiary-very-low);
      border-color: transparent;
    }
  }

  .topic-body .cooked {
    box-sizing: border-box;
    border: 1px solid var(--primary-low);
    margin-top: 0.25em;
    margin-left: -1.35em;
    padding: 1.5em 1.5em 0.5em 2em;

This file has been truncated. show original

そしてこちら（モバイル版）：

github.com/discourse/discourse

app/assets/stylesheets/mobile/personal-message.scss

aa6daeaa3

.archetype-private_message {
  .topic-body .cooked {
    margin-top: 0.5em;
    margin-left: 0;
    padding: 1.5em 1em;
    border-radius: 0.75em var(--border-radius) var(--border-radius)
      var(--border-radius);
  }
  .topic-avatar {
    margin-bottom: -1em; // creates bubble overlap
  }
  .boxed .contents {
    padding: 0;
  }

  .topic-post {
    margin: 0 0 1em;
    article {
      border-top: none;
    }

This file has been truncated. show original

トピック		返信	表示
How To Get Rid Of The Message Bubbles In PMs Product Support	4	835	2022 年 1 月 30 日
Different theme for personal message topics list? Development personal-messages	20	879	2024 年 1 月 15 日
How to simplify DM's to individuals UX	11	2947	2020 年 4 月 14 日
Change "Reply" text independently for public topics and PMs Marketplace	8	1485	2019 年 7 月 8 日
Topic information at the bottom of threads Product Support topic-map	4	228	2024 年 8 月 13 日

プライベートメッセージをバブルではなく通常のトピックとして表示する最も簡単な方法とは？

関連トピック