如何最简单地将私信显示为普通主题，而不是气泡？

awesomerobot · 2021 年8 月 16 日 17:29

是的，目前在组件中通过 CSS 撤销它是最优方案，上面链接的 CSS 看起来是个不错的起点……如果那里缺少某些内容，所有私信气泡的样式都包含在这里：

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	890	2024 年1 月 15 日
How to simplify DM's to individuals UX	11	2949	2020 年4 月 14 日
Change "Reply" text independently for public topics and PMs Marketplace	8	1487	2019 年7 月 8 日
Topic information at the bottom of threads Product Support topic-map	4	231	2024 年8 月 13 日

如何最简单地将私信显示为普通主题，而不是气泡？

相关话题