モバイルでのみコンポーネントを有効にする方法はありますか？

[hipp0]

モバイルの右下に、X.comのように新しいトピックボタンを有効にしたいのですが、デスクトップでは無効にしたいです。New Topic Header Button

[RGJ (Richard - Communiteq)]

Discourse は従来のデスクトップ/モバイルの区別から移行しています。Designing for Different Devices (Viewport Size, Touch/Hover, etc.) をご覧ください。ここには、ご希望のことを実現するためのヒントも記載されています。

[hipp0]

情報ありがとうございます。

しかし、コンポーネントを小型デバイスでのみレンダリングするにはどうすればよいでしょうか？

コンポーネントを参照したり、一方または他方で有効にしたりする方法がよくわかりません。

[RGJ (Richard - Communiteq)]

その例はまさにそのトピックにあります

@system

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

class MyComponent extends Component {
  @service capabilities;

  <template>
    {{#if this.capabilities.viewport.lg}}
      このテキストは、lgブレークポイントより大きいデバイスに表示されます
    {{/if}}

    {{#unless this.capabilities.viewport.sm}}
      このテキストは、smブレークポイントより小さいデバイスに表示されます
    {{/unless}}
  </template>
}