diff --git a/app/assets/javascripts/discourse/app/components/notifications-tracking.gjs b/app/assets/javascripts/discourse/app/components/notifications-tracking.gjs
index ac5ff309a49..ac803db2337 100644
--- a/app/assets/javascripts/discourse/app/components/notifications-tracking.gjs
+++ b/app/assets/javascripts/discourse/app/components/notifications-tracking.gjs
@@ -1,6 +1,7 @@
import Component from "@glimmer/component";
import { fn, hash } from "@ember/helper";
import { action } from "@ember/object";
+import { service } from "@ember/service";
import DButton from "discourse/components/d-button";
import DropdownMenu from "discourse/components/dropdown-menu";
import PluginOutlet from "discourse/components/plugin-outlet";
@@ -21,12 +22,14 @@ function constructKey(prefix, level, suffix, key) {
}
class NotificationsTrackingTrigger extends Component {
+ @service site;
+
get showFullTitle() {
return this.args.showFullTitle ?? true;
}
get showCaret() {
- return this.args.showCaret ?? true;
+ return this.site.desktopView && (this.args.showCaret ?? true);
}
get title() {
@@ -48,7 +51,7 @@ class NotificationsTrackingTrigger extends Component {
{{/if}}
{{#if this.showCaret}}
- {{icon "angle-down"}}
+ {{icon "angle-down" class="notifications-tracking-btn__caret"}}
{{/if}}
}
diff --git a/app/assets/javascripts/discourse/tests/integration/components/notifications-tracking-test.gjs b/app/assets/javascripts/discourse/tests/integration/components/notifications-tracking-test.gjs
index a76026f0c4b..357818486c3 100644
--- a/app/assets/javascripts/discourse/tests/integration/components/notifications-tracking-test.gjs
+++ b/app/assets/javascripts/discourse/tests/integration/components/notifications-tracking-test.gjs
@@ -78,4 +78,22 @@ module("Integration | Component | TopicTracking", function (hooks) {
);
});
});
+
+ test("caret", async function (assert) {
+ await render();
+
+ assert.dom(".notifications-tracking-btn__caret").exists();
+ });
+});
+
+module("Integration | Component | TopicTracking - Mobile", function (hooks) {
+ setupRenderingTest(hooks);
+
+ test("no caret", async function (assert) {
+ this.site.desktopView = false;
+
+ await render();
+
+ assert.dom(".notifications-tracking-btn__caret").doesNotExist();
+ });
});