개인 메시지를 버블이 아닌 일반 주제로 표시하는 가장 쉬운 방법은?

awesomerobot · 8월 16, 2021, 5:29오후

네, 현재 컴포넌트에서 CSS로 되돌리는 것이 가장 좋은 방법입니다. 위에서 링크한 CSS가 좋은 출발점이 될 것 같네요… 만약 거기에 누락된 부분이 있다면, 모든 PM(개인 메시지) 버블 스타일은 여기에 포함되어 있습니다:

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

그리고 여기(모바일):

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	1월 30, 2022
Different theme for personal message topics list? Development personal-messages	20	879	1월 15, 2024
How to simplify DM's to individuals UX	11	2947	4월 14, 2020
Change "Reply" text independently for public topics and PMs Marketplace	8	1484	7월 8, 2019
Topic information at the bottom of threads Product Support topic-map	4	227	8월 13, 2024

개인 메시지를 버블이 아닌 일반 주제로 표시하는 가장 쉬운 방법은?

Related topics