C'è un modo per abilitare un componente solo su mobile?

[hipp0]

Voglio abilitare questo pulsante “Nuovo Argomento” nell’angolo in basso a destra su dispositivi mobili in modo che sia simile a X.com New Topic Header Button

Ma non su desktop.

[RGJ (Richard - Communiteq)]

Discourse si sta allontanando dalla tradizionale distinzione desktop/mobile. Vedi Designing for Different Devices (Viewport Size, Touch/Hover, etc.) che contiene anche suggerimenti su come realizzare ciò che desideri.

[hipp0]

Vedo, grazie per l’informazione.

Ma come potrei far sì che un componente venga renderizzato solo per i dispositivi più piccoli?

Non sono sicuro di come fare riferimento a un componente o abilitarlo per l’uno o per l’altro.

[RGJ (Richard - Communiteq)]

L’esempio è in quell’argomento specifico

@system

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

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      Questo testo verrà visualizzato per i dispositivi più grandi del breakpoint lg
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      Questo testo verrà visualizzato per i dispositivi più piccoli del breakpoint sm
    {{/unless}}
  </template>
}