أسهل طريقة لجعل الرسائل الخاصة تظهر كمواضيع عادية، وليس كفقاعات؟

awesomerobot · 16 أغسطس 2021، 5:29م

نعم، إلغاء ذلك باستخدام CSS في مكون هو حالياً أفضل طريقة. يبدو أن CSS المرتبط أعلاه مكان جيد للبدء… وإذا كان هناك شيء مفقود هناك، فإن جميع أنماط فقاعة الرسائل الخاصة موجودة هنا:

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	30 يناير 2022
Different theme for personal message topics list? Development personal-messages	20	879	15 يناير 2024
How to simplify DM's to individuals UX	11	2946	14 أبريل 2020
Change "Reply" text independently for public topics and PMs Marketplace	8	1484	8 يوليو 2019
Topic information at the bottom of threads Product Support topic-map	4	227	13 أغسطس 2024

أسهل طريقة لجعل الرسائل الخاصة تظهر كمواضيع عادية، وليس كفقاعات؟

الموضوعات ذات الصلة