Sujets non lus (version mobile)

[PaulinaMX (ForosMX)]

Il y a quelques jours, ce problème est apparu sur mon forum, bien que j’aie déjà accédé aux sujets, ils me semblent non lus. J’avais le même problème sur la version de bureau mais j’ai réussi à le résoudre dans le modèle, mais honnêtement, je n’ai pas réussi à le résoudre sur la version mobile. J’espère que quelqu’un pourra m’aider, voici le modèle que j’utilise :

<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 href="{{topic.creator.path}}" data-user-card="{{topic.creator.username}}">{{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 href="{{topic.lastPostUrl}}">{{format-date topic.bumpedAt format="tiny" noTitle="true"}}</a>
            </span>
            </div>
          </div>
              <div class="clearfix"></div>
        </div>
      </div>
    </td>
</script>

[Don]

Il y a quelques changements dans le modèle de base, vous devriez donc comparer avec celui-ci.

Si je vois bien, vous avez modifié la section de l’avatar du profil avec ceci \u003ca href=\"/users/{{topic.creator.username}}\"\u003e{{avatar topic.creator imageSize=\"50\"}}\u003c/a\u003e. Le chemin /users/ est-il correct ? Cela mène au profil de l’utilisateur au lieu d’ouvrir la carte utilisateur. Avec le chemin d’utilisateur par défaut, ce devrait être /u/.

L’autre changement dans votre modèle est que si la catégorie est masquée, le nom d’utilisateur est affiché. Ce qui est clairement visible sur votre capture d’écran. J’ai modifié cette section comme suit.

Supprimez ceci de votre modèle :

{{#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}}

---

Et ajoutez ceci au {{#unless hideCategory}} par défaut avec {{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}}

---

Je suggère donc d’importer l’ensemble du modèle et de le modifier selon vos besoins comme ceci.

\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

---

Cela me semble bien dans le créateur de thème. Désolé si j’ai manqué quelque chose.

Petite correction CSS pour rendre le padding du titre plus fin afin que le nom d’utilisateur soit cliquable.

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

[PaulinaMX (ForosMX)]

Merci beaucoup, c’est résolu maintenant, ça rend super bien.

Une autre chose, y a-t-il un CSS pour agrandir la police du nom de l’auteur et lui donner de la couleur ?

[Don]

Je suis content que cela ait résolu le problème. Bien sûr, vous pouvez le changer. Comme ceci
Changez la taille et la couleur comme vous le souhaitez.

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

[PaulinaMX (ForosMX)]

Merci encore beaucoup, cela ressemble exactement à ce que je voulais.

[system (system) A fermé ce sujet ()]

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.