Il codice JS smette di funzionare quando la pagina viene aggiornata

Sviluppatore
6

Penso che tu voglia qualcosa del genere:

  1. Sposta i tag usando la presa del plugin 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. Usa il CSS per nascondere il tag originale e stilizzarli (potrebbe essere necessario regolarlo)
.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 Mi Piace