Argomenti non letti (versione mobile)

[PaulinaMX (ForosMX)]

Un paio di giorni fa è apparso questo problema nel mio forum, anche se ho già inserito gli argomenti, mi sembrano non letti, ho avuto lo stesso problema nella versione desktop ma sono riuscito a risolverlo nel template, ma onestamente non nella versione mobile sono riuscito a risolverlo, spero che qualcuno possa aiutarmi, questo è il template che uso:

<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'>
    <td>
      {{#unless expandPinned}}
      <div class='pull-left'>
        <a href="/users/{{topic.creator.username}}">{{avatar topic.creator imageSize="50"}}</a>
              </div>
              
      <div class='right'>
      {{else}}
      <div>
            {{/unless~}}
            

<div class='main-link'>
          {{raw "topic-status" topic=topic}}
          {{topic-link topic}}
          {{#if topic.featured_link}}
            {{topic-featured-link topic}}
          {{/if}}
          
          
{{#if hideCategory}}
   <div class='category'>
          <span class="author-name"><a>{{topic.creator.username}}</a></span>
        </div>
{{else}}

{{/if}}
                    {{#if topic.unseen}}
                      <span class="badge-notification new-topic"></span>
                      
             {{/if}}
          {{~#if expandPinned}}
          {{raw "list/topic-excerpt" topic=topic}}
          {{/if~}}
        </div>
                <div class='pull-right'>
          {{raw "list/post-count-or-badges" topic=topic postBadgesEnabled=showTopicPostBadges}}
        </div>
    
        <div class="topic-item-stats clearfix">
          {{#unless hideCategory}}
            <div class='category'>
              {{category-link topic.category}}
            </div>
          {{/unless}}
    
          {{discourse-tags topic mode="list"}}
    
          <div class="pull-right">
            <div class='num activity last'>
            <span class="age activity" title="{{topic.bumpedAtTitle}}"><a>{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a></span>
            </div>
          </div>
              <div class="clearfix"></div>
        </div>
      </div>
    </td>
</script>

[Don]

Ci sono alcune modifiche nel template principale, quindi dovresti confrontarlo.

Se ho capito bene, hai modificato la sezione dell’avatar del profilo con questo \u003ca href=\"/users/{{topic.creator.username}}\"\u003e{{avatar topic.creator imageSize=\"50\"}}\u003c/a\u003e. Il percorso /users/ è corretto? Questo porta al profilo utente invece di aprire la scheda utente. Con il percorso utente predefinito dovrebbe essere /u/.

L’altra modifica nel tuo template è che se la categoria è nascosta, mostra il nome utente. Che è chiaramente visibile nel tuo screenshot. Ho modificato quella sezione in questo modo.

Rimuovi questo dal tuo template:

{{#if hideCategory}}
   \u003cdiv class='category'\u003e
          \u003cspan class="author-name"\u003e\u003ca href="{{topic.creator.path}}" data-user-card="{{topic.creator.username}}"\u003e{{topic.creator.username}}\u003c/a\u003e\u003c/span\u003e
   \u003c/div\u003e
{{else}}

{{/if}}

---

E aggiungi questo al predefinito {{#unless hideCategory}} con {{else}}.

{{#unless hideCategory}}
{{~raw-plugin-outlet name="topic-list-before-category"}}
\u003cdiv class='category'\u003e
  {{category-link topic.category}}
\u003c/div\u003e
{{else}}
\u003cspan class="author-name"\u003e
  \u003ca href="{{topic.creator.path}}" data-user-card="{{topic.creator.username}}"\u003e{{topic.creator.username}}\u003c/a\u003e
\u003c/span\u003e
{{/unless}}

---

Quindi suggerisco di importare l’intero template e modificarlo in base alle tue esigenze in questo modo.

\u003cscript type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'\u003e
\u003ctd class="topic-list-data"\u003e
  {{~raw-plugin-outlet name="topic-list-before-columns"}}
  \u003cdiv class='pull-left'\u003e
    \u003ca href="/users/{{topic.creator.username}}"\u003e{{avatar topic.creator imageSize="50"}}\u003c/a\u003e
  \u003c/div\u003e
  \u003cdiv class='right'\u003e
    {{~raw-plugin-outlet name="topic-list-before-link"}}
    \u003cdiv class='main-link'\u003e
      {{~raw-plugin-outlet name="topic-list-before-status"}}
      {{~raw "topic-status" topic=topic~}}
      {{~topic-link topic class="raw-link raw-topic-link"}}
      {{~#if topic.featured_link~}}
      {{~topic-featured-link topic~}}
      {{~/if~}}
      {{~raw-plugin-outlet name="topic-list-after-title"}}
      {{~#if topic.unseen~}}
        \u003cspan class="topic-post-badges"\u003e\u0026nbsp;\u003cspan class="badge-notification new-topic"\u003e\u003c/span\u003e\u003c/span\u003e
      {{~/if~}}
      {{~#if expandPinned~}}
      {{~raw "list/topic-excerpt" topic=topic~}}
      {{~/if~}}
    \u003c/div\u003e
    \u003cdiv class='pull-right'\u003e
      {{raw "list/post-count-or-badges" topic=topic postBadgesEnabled=showTopicPostBadges}}
    \u003c/div\u003e
    \u003cdiv class="topic-item-stats clearfix"\u003e
      {{#unless hideCategory}}
        {{~raw-plugin-outlet name="topic-list-before-category"}}
        \u003cdiv class='category'\u003e
          {{category-link topic.category}}
        \u003c/div\u003e
        {{else}}
        \u003cspan class="author-name"\u003e
          \u003ca href="{{topic.creator.path}}" data-user-card="{{topic.creator.username}}"\u003e{{topic.creator.username}}\u003c/a\u003e
        \u003c/span\u003e
      {{/unless}}
      {{discourse-tags topic mode="list"}}
      \u003cdiv class="pull-right"\u003e
        \u003cdiv class='num activity last'\u003e
          \u003cspan class="age activity" title="{{topic.bumpedAtTitle}}"\u003e\u003ca
              href="{{topic.lastPostUrl}}"\u003e{{format-date topic.bumpedAt format="tiny" noTitle="true"}}\u003c/a\u003e
          \u003c/span\u003e
        \u003c/div\u003e
      \u003c/div\u003e
      \u003cdiv class="clearfix"\u003e\u003c/div\u003e
    \u003c/div\u003e
  \u003c/div\u003e
\u003c/td\u003e
\u003c/script\u003e

---

Questo mi sembra buono nel creator del tema. Scusa se ho perso qualcosa.

Piccola correzione CSS per rendere più sottile il padding del titolo in modo che il nome utente sia cliccabile.

.topic-list .main-link a.title {
  padding: 0.5em 0;
}

[PaulinaMX (ForosMX)]

Grazie mille, ora è risolto, sembra fantastico.

Un’altra cosa, c’è qualche CSS per ingrandire il carattere del nome dell’autore e dargli colore?

[Don]

Sono contento che abbia risolto. Certo che puoi cambiarlo. Così
Cambia dimensione e colore come preferisci.

.topic-list .topic-item-stats .author-name a {
  font-size: var(--font-up-1);
  color: red;
}

[PaulinaMX (ForosMX)]

Grazie mille ancora, sembra proprio come lo volevo.