UX: show caret only in topic footer buttons dropdown select boxes (#9816)

app/assets/javascripts/discourse/app/widgets/topic-timeline.js

@@ -390,7 +390,8 @@ createWidget("timeline-footer-controls", {
             showFullTitle: false,
             appendReason: false,
             placement: "bottom-end",
-            mountedAsWidget: true
+            mountedAsWidget: true,
+            showCaret: false
           },
           ["notificationLevel"]
         )

app/assets/javascripts/select-kit/app/components/pinned-options.js

@@ -9,6 +9,10 @@ export default DropdownSelectBoxComponent.extend({
   pluginApiIdentifiers: ["pinned-options"],
   classNames: ["pinned-options"],
 
+  selectKitOptions: {
+    showCaret: true
+  },
+
   modifySelection(content) {
     const pinnedGlobally = this.get("topic.pinned_globally");
     const pinned = this.value;

app/assets/javascripts/select-kit/app/components/topic-notifications-button.js

@@ -9,6 +9,7 @@ export default Component.extend({
   placement: "bottom-start",
   notificationLevel: null,
   topic: null,
+  showCaret: true,
 
   @action
   changeTopicNotificationLevel(levelId) {

app/assets/javascripts/select-kit/app/components/topic-notifications-options.js

@@ -9,7 +9,8 @@ export default NotificationsButtonComponent.extend({
 
   selectKitOptions: {
     i18nPrefix: "i18nPrefix",
-    i18nPostfix: "i18nPostfix"
+    i18nPostfix: "i18nPostfix",
+    showCaret: true
   },
 
   i18nPrefix: "topic.notifications",

app/assets/javascripts/select-kit/app/templates/components/dropdown-select-box/dropdown-select-box-header.hbs

@@ -7,4 +7,6 @@
   shouldDisplayClearableButton=shouldDisplayClearableButton
 }}
 
-{{d-icon caretIcon class="caret-icon"}}
+{{#if selectKit.options.showCaret}}
+  {{d-icon caretIcon class="caret-icon"}}
+{{/if}}

app/assets/javascripts/select-kit/app/templates/components/topic-notifications-button.hbs

@@ -6,6 +6,7 @@
     showFullTitle=showFullTitle
     placement=placement
     preventsClickPropagation=true
+    showCaret=showCaret
   )
 }}