Der JS-Code funktioniert nicht mehr, wenn die Seite aktualisiert wird

Entwickler
6

Ich glaube, Sie möchten so etwas:

  1. Verschieben Sie die Tags mit dem Plugin-Outlet 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. Verwenden Sie CSS, um das ursprüngliche Tag auszublenden und sie zu stylen (möglicherweise müssen Sie es anpassen)
.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 „Gefällt mir“