# Add "sign in" to anonymous header

**URL:** https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335
**Category:** Feature
**Tags:** rfc, spec
**Created:** [05.Май.2014 22:10:57 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335 "2014-05-05T22:10:57Z")
**Posts on this page:** 9
**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: [05.Май.2014 22:10:57 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/1 "2014-05-05T22:10:57Z")

</div>

Right now the anonymous header looks like this:

![](https://global.discourse-cdn.com/meta/original/2X/e/ef9a4765da08f9582a04a99142aa74535df6d329.png)

but it looks like this when scrolled down in a topic, which is where we want most people to be most of the time, right?

This is a problem, since there’s no visible **Sign In to Reply** most of the time, as we (very intentionally) want people to reach the bottom and read the whole conversation before replying.

![](https://global.discourse-cdn.com/meta/original/2X/b/bf294eec27f0e82a7aeb090d2a3915d6ef7a172e.png)

I suggest we drop some of the glyphs here, which are de-facto sign in buttons for anons anyway..

![](https://global.discourse-cdn.com/meta/original/2X/e/e6cacdcd9c765aa8f0bd7f6dba9d1d83c84d21e0.png)

And switch to this button + 2 glyphs layout:

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

across _all_ anonymous pages. Hopefully this button + 2 glyphs layout will be about the same amount of space as 4 glyphs so it won’t break layout.

---

<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: [05.Май.2014 23:16:08 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/2 "2014-05-05T23:16:08Z")

</div>

I wouldn’t remove the default user (rightmost) icon, tho. Nothing says _hey, you’re not logged in!_ then a blank, grayish people-thing. Personally, I’d even say that I notice and recognize the icon long before my eyes have parsed the words on the Sign In button.

---

<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: [05.Май.2014 23:31:34 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/3 "2014-05-05T23:31:34Z")

</div>

We kind of have to, otherwise there’s no room for the button. Sorry.

Or maybe the Sign In button could have the user glyph on it?

---

<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: [05.Май.2014 23:48:35 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/4 "2014-05-05T23:48:35Z")

</div>

Maybe like this?

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

Obviously with less sucky CSS. 🙂

---

<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: [07.Май.2014 06:51:07 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/5 "2014-05-07T06:51:07Z")

</div>

Here’s live HTML example:

![](https://global.discourse-cdn.com/meta/original/2X/d/de08a882dc6c6c7b530d200473e3978202adc8ee.png)

I think that works well. @sam I would like us to get this in by the end of the week.

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [07.Май.2014 11:53:23 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/6 "2014-05-07T11:53:23Z")

</div>

> [@elberet](#):
>
> Nothing says hey, you’re not logged in! then a blank, grayish people-thing.

Except for a still-present “Sign in” button 😛 The majority of all websites & apps today are nice enough to remove the “Register/Sign in” button once I’m indeed signed in, because it’s a completely useless button at that point.

I’d say it’s quite universally understood that if “Sign in” is present, you are not signed in.

---

<div class="post-metadata">

### Author: ![radq](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/radq/32/104329_2.png) [@radq](https://meta.discourse.org/u/radq)
#### Post date: [07.Май.2014 14:25:21 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/7 "2014-05-07T14:25:21Z")

</div>

I included this in my PR to improve the header accessibility, I had already hidden the two extra glyphs from screenreaders since they are redundant.

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

Desktop:

 ![](https://global.discourse-cdn.com/meta/original/2X/5/55ac7db767eeee0bb6a3ae3753b79930728c8377.png) 

Mobile:

![](https://global.discourse-cdn.com/meta/original/2X/a/a7d561f8780f72893aa5aae9aca5d36e8f2751ba.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: [07.Май.2014 23:44:47 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/8 "2014-05-07T23:44:47Z")

</div>

Great! This change is merged and deployed on my Discourse, and it looks good:

 ![](https://global.discourse-cdn.com/meta/original/2X/1/17b0bc6f07afaefd9026e1e2e2e69646c5728168.png) 

![](https://global.discourse-cdn.com/meta/original/2X/b/b7192314c7eff98bb20f7c554cf2c217e8290efd.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: [25.Июнь.2014 23:07:34 UTC](https://meta.discourse.org/t/add-sign-in-to-anonymous-header/15335/9 "2014-06-25T23:07:34Z")

</div>


