Y a-t-il un moyen d'activer un composant uniquement sur mobile ?

[hipp0]

Je souhaite activer ce bouton “Nouveau Sujet” en bas à droite sur mobile pour qu’il soit similaire à X.com New Topic Header Button

Mais pas sur ordinateur.

[RGJ (Richard - Communiteq)]

Discourse s’éloigne de la distinction traditionnelle entre ordinateur de bureau et mobile. Consultez Designing for Different Devices (Viewport Size, Touch/Hover, etc.) qui contient également des conseils sur la façon d’accomplir ce que vous souhaitez.

[hipp0]

Je vois, merci pour l’information.

Mais comment puis-je faire pour qu’un composant ne s’affiche que sur les petits appareils ?

Je ne suis pas tout à fait sûr de la manière de référencer un composant ou de l’activer pour l’un ou l’autre.

[RGJ (Richard - Communiteq)]

L’exemple est dans ce sujet même

@system

import Component from "@glimmer/component";
import { service } from "@ember/service";

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      Ce texte sera affiché pour les appareils plus grands que le point de rupture lg
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      Ce texte sera affiché pour les appareils plus petits que le point de rupture sm
    {{/unless}}
  </template>
}