# Timeline mute button

**URL:** https://meta.discourse.org/t/timeline-mute-button/127859
**Category:** Theme component
**Created:** [September 7, 2019, 1:24am UTC](https://meta.discourse.org/t/timeline-mute-button/127859 "2019-09-07T01:24:44Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [September 7, 2019, 1:24am UTC](https://meta.discourse.org/t/timeline-mute-button/127859/1 "2019-09-07T01:24:44Z")

</div>

This is a simple theme component that adds an explicit mute toggle under the topic timeline. The button toggles between `mute` and `normal` tracking statuses.

 ![29%20PM](https://global.discourse-cdn.com/meta/original/3X/b/5/b5d4221019c6e37e143c675e2a02b18ecb372a05.png)

🐙 [Github repo](https://github.com/awesomerobot/discourse-mute-button): `https://github.com/awesomerobot/discourse-mute-button`

❓[Installing a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)

That’s all it does! If you don’t care about the other tracking types you can hide that now-redundant button with some CSS

```css
.timeline-container 
.timeline-footer-controls 
button.dropdown-select-box-header {
    display: none;
}

```

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [September 8, 2019, 5:26am UTC](https://meta.discourse.org/t/timeline-mute-button/127859/4 "2019-09-08T05:26:16Z")

</div>

Thanks for this! I was hoping to do something like this a while back: [How best to develop this frontend customization / plugin?](https://meta.discourse.org/t/how-best-to-develop-this-frontend-customization-plugin/71440)

Looks like this may be a good jumping off point for something like that.

---

<div class="post-metadata">

### Author: ![Pad\_Pors](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pad_pors/32/52016_2.png) [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [September 8, 2019, 1:37pm UTC](https://meta.discourse.org/t/timeline-mute-button/127859/5 "2019-09-08T13:37:42Z")

</div>

thanks for this, I guess toggles between **follow** and **unfollow** (normal) makes more sense. as someone who wants to mute a topic, may never enters it! (since the topic is not interesting enough for him).

can one choose among the two tracking statuses?

also can such functionality work for category and tag pages?

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [September 8, 2019, 10:57pm UTC](https://meta.discourse.org/t/timeline-mute-button/127859/6 "2019-09-08T22:57:37Z")

</div>

Bug: This feature should be hidden from logged-out users:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/8/5885cfcf5fb951a074f57a8e59409c988486fd5d.png)

Until then, I’ll use CSS to hide.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [September 9, 2019, 1:48am UTC](https://meta.discourse.org/t/timeline-mute-button/127859/7 "2019-09-09T01:48:11Z")

</div>

Good catch, fixed it in the component.

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [November 13, 2019, 8:47pm UTC](https://meta.discourse.org/t/timeline-mute-button/127859/8 "2019-11-13T20:47:18Z")

</div>

Hello!,  
Just added it. Great we love it - just this thing… It does not like our theme

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/6/16c8034d93ae56f099ee7c560cf042448270adcd.png)

(Press to expand full image)  
Only on desktop - we will try to fix it ourselves.