كود JS يتوقف عن العمل عند تحديث الصفحة

مطور
6

أعتقد أنك تريد شيئًا كهذا:

  1. انقل العلامات باستخدام منفذ المكون الإضافي topic-list-before-status.
<script type="text/x-handlebars" data-template-name="/connectors/topic-list-before-status/tag.raw">
  {{discourse-tags context.topic mode="list" tagsForUser=context.tagsForUser}}
</script>
  1. استخدم CSS لإخفاء العلامة الأصلية وتنسيقها (قد تحتاج إلى تعديلها)
.link-bottom-line .discourse-tags {
    display: none;
}

.link-top-line .discourse-tags {
    column-gap: 5px;
    vertical-align: text-top;
    
    .discourse-tag {
        font-size: var(--font-down-2);
        border-radius: 7px;
        padding: 2px 8px;
        background-color: #1f1f33;
    }

    .discourse-tag::after {
        content: '' !important;
        margin: none !important;
    }
}
إعجاب واحد (1)