# Unified UI for pinning / banner topics

**URL:** https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915
**Category:** Feature
**Tags:** rfc, spec
**Created:** [3 maart 2015 om 09:31 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915 "2015-03-03T09:31:23Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [3 maart 2015 om 09:31 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/1 "2015-03-03T09:31:23Z")

</div>

Our admin (wrench) menu for a topic has these 3 items:

- Banner Topic
- Pin Topic
- Pin Topic globally

This is confusing, because it appears all the time, it needs explaining, and those three options are used super rarely – very, _very_ few topics are ever pinned, or made banners.

We should collapse this to one menu item: **Publicize Topic** (or similar).

When you select it, you get a dialog like this one which does some just in time education as well as advising on current stats:

> ### Publicize this topic
> 
> Pin to Category
> 
> Make this topic appear at the top of the {{foo}} category. Users can unpin the topic individually for themselves.
> 
> Topic(s) currently pinned in {{foo}}: **3**
> 
> Pin Globally
> 
> Make this topic appear at the top of all topic lists, until a staff member unpins it. Users can unpin the topic individually for themselves.
> 
> Topic(s) currently pinned globally: **1**
> 
> Make Banner
> 
> Make this topic into a banner that appears at the top of _all_ pages. Users can dismiss the banner by closing it. Only one topic can be bannered at any given time.
> 
> There is currently no banner topic.

This helps educate just in time and illustrates the difference between these options.

We can also add an

> Are you sure? You already have 4 globally pinned topics – too many pinned topics can obscure other active topics.

If staff get a little trigger happy on pins.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [3 maart 2015 om 09:36 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/2 "2015-03-03T09:36:30Z")

</div>

👍 on the warning, especially. Should definitely help.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [3 maart 2015 om 10:02 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/4 "2015-03-03T10:02:40Z")

</div>

Global Pins stay on top of the Latest page, but (unless maybe there were a whole mess of them) it is no problem to scroll to see more.

Category Pins, though similar (to Global Pins on the Latest page) stay on top of the individual Category pages.  
But - the more there are the more problem they cause on the Category list page because they prevent “latest” topics from showing in the latest column.

Some members have confused Pinning with the vB Stickies and haven’t realized this until we educated them.  
So the above should be a big help there.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [14 maart 2015 om 00:20 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/5 "2015-03-14T00:20:41Z")

</div>

The Unified UI for pinning/banner topics is now **available** 🐍

[https://github.com/discourse/discourse/commit/424a3b042ae445de3a1507ff24564a0733d2956b](https://github.com/discourse/discourse/commit/424a3b042ae445de3a1507ff24564a0733d2956b)

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [14 maart 2015 om 01:22 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/6 "2015-03-14T01:22:18Z")

</div>

very nice, needs some mobile love

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [14 maart 2015 om 01:28 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/7 "2015-03-14T01:28:53Z")

</div>

I especially like the way this cleans up the topic menu. So much better. Simple is good, and rare options should be behind walls anyway.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [14 maart 2015 om 06:58 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/8 "2015-03-14T06:58:13Z")

</div>

It looked bad to me, so I wrote some CSS for the dialog.

 ![](https://global.discourse-cdn.com/meta/original/3X/f/c/fca4be14c6b9390248c0dedc73a1d51f70d8492b.png)  
 ![](https://global.discourse-cdn.com/meta/original/3X/3/d/3d73c1bfa6f5ac8a0e0c60844c7294bd2711e3b3.png)

[https://github.com/discourse/discourse/pull/3272](https://github.com/discourse/discourse/pull/3272)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [14 maart 2015 om 09:14 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/9 "2015-03-14T09:14:32Z")

</div>

I would not do columns on mobile.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [14 maart 2015 om 09:15 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/10 "2015-03-14T09:15:17Z")

</div>

[![](https://global.discourse-cdn.com/meta/original/4X/9/e/d/9ed30c97fd18f56a16d9062dc6de1a363f9805b3.jpeg "No, no, definitely not") ](https://www.youtube.com/watch?v=HtwfwVnDzGw)

* * *

PR was pulled with this mobile design:

 ![](https://global.discourse-cdn.com/meta/original/3X/2/4/24e60a773eb27c7a148aff341a0cd14a55079016.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [20 maart 2015 om 05:21 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/11 "2015-03-20T05:21:45Z")

</div>

We decided to stick with the “Pin” terminology here based on preliminary usage feedback. So a banner is a kind of pin, which does make conceptual sense.

---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [20 maart 2015 om 10:53 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/12 "2015-03-20T10:53:09Z")

</div>

📌 is back now

[https://github.com/discourse/discourse/commit/18f4f6095656f7ba4bdaf4580f978bf17d8fb0cd](https://github.com/discourse/discourse/commit/18f4f6095656f7ba4bdaf4580f978bf17d8fb0cd)

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [20 maart 2015 om 13:07 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/13 "2015-03-20T13:07:01Z")

</div>

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

“Remove this topic from the topic”? 😁  
Also, category badges are slightly misaligned.

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [20 maart 2015 om 13:08 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/14 "2015-03-20T13:08:58Z")

</div>

> [@elberet](#):
>
> “Remove this topic from the topic”?

It’s already fixed.  
[https://github.com/discourse/discourse/commit/e70597a0d0f1da2c6e56132e8f0506a90945328a](https://github.com/discourse/discourse/commit/e70597a0d0f1da2c6e56132e8f0506a90945328a)

---

<div class="post-metadata">

### Author: ![elberet](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elberet/32/122404_2.png) [@elberet](https://meta.discourse.org/u/elberet)
#### Post date: [20 maart 2015 om 13:09 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/15 "2015-03-20T13:09:29Z")

</div>

Ah, cool. The new copy didn’t make it to Transifex yet, tho.

---

<div class="post-metadata">

### Author: ![gerhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gerhard/32/119479_2.png) [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [20 maart 2015 om 13:10 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/16 "2015-03-20T13:10:05Z")

</div>

Yeah, that usually happens only once a week…

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [20 maart 2015 om 22:45 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/17 "2015-03-20T22:45:57Z")

</div>

> [@elberet](#):
>
> Remove this topic from the topic

 ![](https://global.discourse-cdn.com/meta/original/4X/3/4/c/34cfb349228c2d7262a019cd6d50f660a8734805.jpeg)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [9 juni 2015 om 01:25 UTC](https://meta.discourse.org/t/unified-ui-for-pinning-banner-topics/25915/18 "2015-06-09T01:25:23Z")

</div>


