# Quick access to bookmarks and messages on user menu

**URL:** https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787
**Category:** Feature
**Created:** [9월 1, 2015, 2:00오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787 "2015-09-01T14:00:10Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [8월 27, 2019, 2:17오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/22 "2019-08-27T14:17:36Z")

</div>

> [@tobiaseigen](#):
>
> A big +1 on this

[It’s already done](https://github.com/xrav3nz/discourse-quick-access/commit/a21857640161d5d9362cfd5f94b833fb7baeab52) 😃

> [@tobiaseigen](#):
>
> It would be nice also if it were possible to provide one or two custom links within `person sam`

Sounds like a good idea to me - adding a plugin outlet there should be fairly easy.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8월 27, 2019, 2:41오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/23 "2019-08-27T14:41:55Z")

</div>

Ah - I hadn’t installed the theme component yet so couldn’t see the assigned tab. I now have and see it is there. Sweet! 🍬

---

<div class="post-metadata">

### Author: ![xrav3nz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xrav3nz/32/76894_2.png) [@xrav3nz](https://meta.discourse.org/u/xrav3nz)
#### Post date: [8월 27, 2019, 8:37오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/24 "2019-08-27T20:37:35Z")

</div>

> [@david](#):
>
> I noticed one very small issue - this component seems to affect the color of icons elsewhere in the app (e.g. the “watching” status). Normally the icon is blue here:

I took a quick look, and I don’t think it’s related to the component? I can also repro the grey icon on try:

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/8/58576bcdca0a5e8feca4e230daa2299c2c537f81.jpeg)

But the icon is blue in [safe mode](https://meta.discourse.org/t/53504?silent=true), for both meta and try… Weird.

---

<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: [8월 28, 2019, 1:40오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/25 "2019-08-28T01:40:16Z")

</div>

> [@sam](#):
>
> The gear ⚙ is not a tab. It feels really out of place. If you remove it then you can make all the tabs a bit wider which will help having bigger click targets on mobile! I think you should try removing it.

Yes I second this. We can kill the gear off. There are other ways to get there and it isn’t critical to be here.

> [@sam](#):
>
> Add a new tab for when you click on `person sam` on the left. It can have “summary”, “activity”, “messages” “prefrences” “log out” links.

> [@david](#):
>
> how about also adding quick-access to theme and font size to ‘the sam tab’? The hamburger menu here on Meta is getting quite cluttered with theme options, so moving it somewhere else would be nice.

I think we should wait on that aspect, this is already kind of a radical change, we should live with it for a while before piling on even more changes.

Overall I like it a lot 👍

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [8월 28, 2019, 1:56오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/26 "2019-08-28T01:56:58Z")

</div>

> [@xrav3nz](#):
>
> I took a quick look, and I don’t think it’s related to the component? I can also repro the grey icon on try

I also noticed this on [community.wanikani.com](http://community.wanikani.com) so it doesn’t seem related to me.

* * *

This change is really cool so far. I like that it makes bookmarks more prominent since they were so easy to forget about before.

---

<div class="post-metadata">

### Author: ![xrav3nz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xrav3nz/32/76894_2.png) [@xrav3nz](https://meta.discourse.org/u/xrav3nz)
#### Post date: [8월 28, 2019, 4:13오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/27 "2019-08-28T04:13:53Z")

</div>

> [@sam](#):
>
> The gear ⚙ is not a tab. It feels really out of place. If you remove it then you can make all the tabs a bit wider which will help having bigger click targets on mobile! I think you should try removing it.

Dropped the cog and increase the width by a bit:

 ![24%20AM](https://global.discourse-cdn.com/meta/original/3X/3/6/363d4e8af6f089c31257413a864d9a3a62e7a2bb.png)

Not sure if we want even more (the top one)?

> [@sam](#):
>
> Add a new tab for when you click on `person sam` on the left. It can have “summary”, “activity”, “messages” “prefrences” “log out” links.

> [@codinghorror](#):
>
> I think we should wait on that aspect, this is already kind of a radical change, we should live with it for a while before piling on even more changes.

I actually have made the change, but I am happy to revert it / leave it as a component and not fold it into core later.

 ![48%20PM](https://global.discourse-cdn.com/meta/original/3X/d/1/d1477013563ef513cc0f231725485f9be1dd22ee.png)

FWIW, [this](https://meta.discourse.org/uploads/short-url/46QdkUl7rwJ4mGC7I4ho5Di4o8i.png) is another layout I had in mind, but can save the conversation for later when we are considering this.

(The new profile tab depends on [this PR](https://github.com/discourse/discourse/pull/8039)).

---

<div class="post-metadata">

### Author: ![seanblue](https://avatars.discourse-cdn.com/v4/letter/s/dc4da7/32.png) [@seanblue](https://meta.discourse.org/u/seanblue)
#### Post date: [8월 28, 2019, 4:17오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/28 "2019-08-28T04:17:07Z")

</div>

I do have one piece of feedback actually. On mobile dark theme at least, it’s pretty hard to see which of the tabs is actually selected. If I look closely I can see the line surrounding the selected tab’s icon, but it’s really subtle. Perhaps the color of the line should have a little more contrast with the background? In fact, the color line I see surrounding the reply box as I type this reply (still mobile dark theme) might work nicely.

---

<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: [8월 28, 2019, 7:25오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/29 "2019-08-28T07:25:58Z")

</div>

This is **FANTASTIC** 🎊 … my following feedback is going to be very nit picky … so please … bear with me. 🐻

1. For some reason … I am getting a scrollbar now so we are some pixels off. I know that @Johani and @awesomerobot have been fighting a bit with the dynamic sizing here, so this may not be entirely new.

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

1. We got to move the anonymous mode stuff to your new wonderful home (site setting " allow anonymous posting"):

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

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

1. Tabs like having ears… OK this is the most nit picky of all, but 4px there will help it look more like a tab

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/0/10e1a29903e449fe9f0d9d29da446146299ffb2d.png)

1. Arrow down thing does not make sense here, just adds noise:

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/4/b43a8b6783c7131fa8e7aa9fc0194cf623bca26a.png)

My feeling here is that this is good to ship 🚢, let’s live with this for say 1 more week (pending the super nit pick central I just had to offer). Then this short lived component may have to die in favor of simply shipping this with core.

The more I use this, the more I love this. It makes bookmarks and assign far more useful to me.

---

<div class="post-metadata">

### Author: ![P16](https://avatars.discourse-cdn.com/v4/letter/p/b19c9b/32.png) [@P16](https://meta.discourse.org/u/P16)
#### Post date: [8월 28, 2019, 8:31오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/30 "2019-08-28T08:31:00Z")

</div>

I love this change!

I had one suggestion - should messages not come after notifications - since its more frequently used than bookmarks in general?

---

<div class="post-metadata">

### Author: ![lucasbasquerotto](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lucasbasquerotto/32/133376_2.png) [@lucasbasquerotto](https://meta.discourse.org/u/lucasbasquerotto)
#### Post date: [8월 28, 2019, 12:31오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/31 "2019-08-28T12:31:25Z")

</div>

2 minor improvements that I think would be good:

**1)** When you enter the profile page, the topmost tabs are:

- [Summary](https://meta.discourse.org/u/lucasbasquerotto/summary)
- [Activity](https://meta.discourse.org/u/lucasbasquerotto/activity)
- [Notifications](https://meta.discourse.org/u/lucasbasquerotto/notifications)
- [Messages](https://meta.discourse.org/u/lucasbasquerotto/messages)
- [Invites](https://meta.discourse.org/u/lucasbasquerotto/invited)
- [Badges](https://meta.discourse.org/u/lucasbasquerotto/badges)
- [Preferences](https://meta.discourse.org/u/lucasbasquerotto/preferences)

I think it would be good to add them (actually, `Notifications`, `Invites` and `Badges` are the only ones that are not there yet) to the profile (aka `sam`) tab, in this order (along with removing the down arrow, that doesn’t make sense here).

**2)** When you hover the cursor over the down arrow in all tabs it shows `view older notifications`, but it would make more sense `view older bookmarks` and `view older messages` in their respective tabs.

This theme component is great so far. Thanks for doing it!

---

<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: [8월 28, 2019, 2:56오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/32 "2019-08-28T14:56:45Z")

</div>

> [@sam](#):
>
> I am getting a scrollbar now so we are some pixels off. I know that @Johani and @awesomerobot have been fighting a bit with the dynamic sizing here

I think this depends on the length of topic titles in the drop-down, which is highly variable. One way to “fix” it is to restrict all titles to just what fits on a single line and hide the overflow, but that’d be pretty painful to look at. However, restricting them to just _two_ lines seems more tenable based on what’s in my drop-down right now?

---

<div class="post-metadata">

### Author: ![xrav3nz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xrav3nz/32/76894_2.png) [@xrav3nz](https://meta.discourse.org/u/xrav3nz)
#### Post date: [8월 28, 2019, 3:44오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/33 "2019-08-28T15:44:26Z")

</div>

> [@sam](#):
>
> For some reason … I am getting a scrollbar now so we are some pixels off.

> [@codinghorror](#):
>
> I think this depends on the length of topic titles in the drop-down, which is highly variable.

+1. I also have a scrollbar, with or without the new component.

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

This is because how we currently estimate the number of notifications to show. If there total height exceeds the window height (in the case of multiple three-line notifications), the scrollbar will be visible.

> <https://github.com/discourse/discourse/blob/48ee8f2abcfd7d86fe4859192f6c88dcf1f67773/app/assets/javascripts/discourse/widgets/user-notifications.js.es6#L26-L27>

> [@codinghorror](#):
>
> However, restricting them to just _two_ lines seems more tenable based on what’s in my drop-down right now?

Nice, let’s try this in the component! Added some styling to do just that.

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

---

<div class="post-metadata">

### Author: ![xrav3nz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xrav3nz/32/76894_2.png) [@xrav3nz](https://meta.discourse.org/u/xrav3nz)
#### Post date: [8월 28, 2019, 4:04오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/34 "2019-08-28T16:04:18Z")

</div>

> [@sam](#):
>
> We got to move the anonymous mode stuff to your new wonderful home

✅

 ![image](https://global.discourse-cdn.com/meta/original/3X/a/e/ae040f210042e7f439b4a7390291ac2b01832c32.png)

> [@sam](#):
>
> Tabs like having ears

 ![43%20AM](https://global.discourse-cdn.com/meta/original/3X/3/a/3a7f4dfdc5b558c7c903f65241ab5f69099fc611.png)

👂 I took the bottom approach (easier and prettier?) to push items inward a bit. But I realized the person icon no longer nicely aligns with the icons below:

 ![13%20AM](https://global.discourse-cdn.com/meta/original/3X/9/d/9d4c80c6b23108454968dddf4547390b9e3a3141.png)

Is this something we are okay with? Will try to find a clean fix around this in the meantime.

> [@sam](#):
>
> Arrow down thing does not make sense here, just adds noise

Dropped it for the profile tab!

Also, the arrow _always_ shows for assignments, bookmarks, and messages, regardless of the number of items. I was worried that “second click to the full page” feature is not obvious enough.

> [@lucasbasquerotto](#):
>
> When you hover the cursor over the down arrow in all tabs it shows `view older notifications`

Ah thanks, good catch! Or maybe a generic “view all” will do? Will defer this (and another look at label uses) till we are folding this into core.

> [@seanblue](#):
>
> On mobile dark theme at least, it’s pretty hard to see which of the tabs is actually selected.

Makes sense, thanks! I adjusted the color a little bit for dark mode.

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

---

<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: [8월 28, 2019, 9:56오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/35 "2019-08-28T21:56:40Z")

</div>

This is looking fantastic to me! I say we live with this till next Wednesday on meta. Then… a PR is absolutely welcome to bring this in as is in to core and kill the component. @codinghorror also loves this.

I do not mind the slight misalignment due to the ear, it looks fine to me and this stuff usually bugs me a lot.

I love the iteration speed here, the quality and the thought you put into it!

At this point the only “nit” I have left picking is that on absolute initial load stuff jumps a bit and you get a scrollbar for a few fractions of a second. very minor and I am sure a bit of css can cure it.

---

<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: [8월 30, 2019, 3:28오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/36 "2019-08-30T03:28:56Z")

</div>

A bug - clicking Log Out takes you to your user summary, unable to successfully sign out:

> **[Gyazo Screen Video](https://gyazo.com/9c884410d8f5ffc20e4281dd84c72dfe)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8월 30, 2019, 3:56오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/37 "2019-08-30T03:56:12Z")

</div>

I can confirm @nexo’s bug report here on meta.

On my sites I don’t seem to have this `person tobiaseigen` menu yet - clicking on it just takes me to my activity page.

---

<div class="post-metadata">

### Author: ![xrav3nz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/xrav3nz/32/76894_2.png) [@xrav3nz](https://meta.discourse.org/u/xrav3nz)
#### Post date: [8월 30, 2019, 4:04오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/38 "2019-08-30T04:04:39Z")

</div>

> [@nexo](#):
>
> clicking Log Out takes you to your user summary, unable to successfully sign out

Thanks, I just pushed a [fix](https://github.com/xrav3nz/discourse-quick-access/commit/80e8da1ac4cd5fb7a0aa726965b63f998f1c07b9)! Updating the theme component should do it.

> [@tobiaseigen](#):
>
> On my sites I don’t seem to have this `person tobiaseigen` menu yet - clicking on it just takes me to my activity page.

Could you try updating Discourse? You will need to be on latest Discourse for the person / profile quick access tab, specifically [this commit](https://github.com/discourse/discourse/commit/698e97125ea1d1e406482773aae741c3c3769f8e) from two days ago.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8월 30, 2019, 5:16오전 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/39 "2019-08-30T05:16:42Z")

</div>

That was quick work - the fix works!

> [@xrav3nz](#):
>
> Could you try updating Discourse?

Arrgh. I should have known to try that first. 🙂 But yes, updating discourse worked and now this functionality works on my site.

Thank you! 🚀

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [8월 30, 2019, 4:09오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/40 "2019-08-30T16:09:36Z")

</div>

> [@david](#):
>
> > It would be nice also if it were possible to provide one or two custom links within `person sam`
> 
> Sounds like a good idea to me - adding a plugin outlet there should be fairly easy.

How about a custom links setting in the theme component? I can see this being super useful for every site with SSO to provide dashboard links relevant only to logged in members. On my site I just replaced a custom header with the [Brand Header](https://meta.discourse.org/t/brand-header-theme-component/77977) which is working great, and future proof too with no customizations! Now would also like to be able to add an “Edit profile” linking to wordpress that is also future proof.

---

<div class="post-metadata">

### Author: ![Anatolia](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/anatolia/32/133777_2.png) [@Anatolia](https://meta.discourse.org/u/Anatolia)
#### Post date: [8월 31, 2019, 11:41오후 UTC](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787/41 "2019-08-31T23:41:47Z")

</div>

You may make all notifications under tabs scrollable. It’s redirecting to another page even for a quick peek.

[이전 페이지](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787.md?page=1)

[다음 페이지](https://meta.discourse.org/t/quick-access-to-bookmarks-and-messages-on-user-menu/32787.md?page=3)
