Easiest way to make PMs display as normal topics, not bubbles?

awesomerobot · August 16, 2021, 5:29pm

Yeah undoing it with CSS in a component is currently the best way, the above linked CSS seems like a good place to start… and if there’s something missing there all the PM bubble styles are contained here:

github.com/discourse/discourse

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

and here (mobile):

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

Topic		Replies	Views
How To Get Rid Of The Message Bubbles In PMs Product Support	4	835	January 30, 2022
Different theme for personal message topics list? Development personal-messages	20	879	January 15, 2024
How to simplify DM's to individuals UX	11	2947	April 14, 2020
Change "Reply" text independently for public topics and PMs Marketplace	8	1484	July 8, 2019
Topic information at the bottom of threads Product Support topic-map	4	227	August 13, 2024

Easiest way to make PMs display as normal topics, not bubbles?

Related topics