# Feedback on new 🍔 and user menus

**URL:** https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519
**Category:** UX
**Created:** [25 augustus 2015 om 22:09 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519 "2015-08-25T22:09:49Z")
**Posts on this page:** 20
**Page:** 11

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [5 september 2015 om 16:32 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/214 "2015-09-05T16:32:31Z")

</div>

What is happening seems to be this:

- the panel-body is set to 100% height of the menu-panel
- that height includes the 14px of padding (0.5em on top and bottom) that is on the menu-panel
- the result is that the bottom 14px of the panel-body is clipped

If you temporarily get rid of the padding from the menu-panel you will see that it gets rid of the clipping.

Doing something like the following basically solves the problem, but there should be a more straightforward way:  
`$panelBody.height('calc(100% - 1em)');`  
The padding on the menu-panel is still being cut off at the bottom of the screen.

I think a lot of these positioning issues would be easier if Discourse was using the border-box box model.

I’ve submitted a PR that is along these lines, but better.

---

<div class="post-metadata">

### Author: ![jakedwhitaker](https://avatars.discourse-cdn.com/v4/letter/j/8e7dd6/32.png) [@jakedwhitaker](https://meta.discourse.org/u/jakedwhitaker)
#### Post date: [6 september 2015 om 15:38 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/215 "2015-09-06T15:38:37Z")

</div>

Integrating notifications into the user menu is a lot cleaner UI-wise; the only complaint I’ve heard from members is that there isn’t a direct link to Messages in either the hamburger menu or the user menu. The only access they have is through their own profiles, which seems like an unnecessary hassle.

---

<div class="post-metadata">

### Author: ![TechnoBear](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/technobear/32/40546_2.png) [@TechnoBear](https://meta.discourse.org/u/TechnoBear)
#### Post date: [6 september 2015 om 15:42 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/216 "2015-09-06T15:42:00Z")

</div>

There is a link in the user menu:

 ![](https://global.discourse-cdn.com/meta/original/3X/4/5/45725449cab365d7574691db12071365be1981bd.png)

---

<div class="post-metadata">

### Author: ![jakedwhitaker](https://avatars.discourse-cdn.com/v4/letter/j/8e7dd6/32.png) [@jakedwhitaker](https://meta.discourse.org/u/jakedwhitaker)
#### Post date: [6 september 2015 om 15:56 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/217 "2015-09-06T15:56:30Z")

</div>

It says my Discourse installation is up-to-date in the ACP, but I’m not seeing it.

[http://puu.sh/k1Yr9/eec82d03fd.png](http://puu.sh/k1Yr9/eec82d03fd.png)

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [6 september 2015 om 15:57 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/218 "2015-09-06T15:57:21Z")

</div>

That is because you are on the latest beta but are several commits ahead. Visit admin/upgrade to get the newer changes

---

<div class="post-metadata">

### Author: ![Er00](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/er00/32/42921_2.png) [@Er00](https://meta.discourse.org/u/Er00)
#### Post date: [8 september 2015 om 08:57 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/219 "2015-09-08T08:57:40Z")

</div>

I have a similar issue. I don’t even have any extra icons in the top right, but the notification is showing over on the left of the search button.

![](https://global.discourse-cdn.com/meta/original/3X/5/6/565861afc55936386a9c3a984e79e4aefb5ea7a5.png)

---

<div class="post-metadata">

### Author: ![KazWolfe](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/kazwolfe/32/64441_2.png) [@KazWolfe](https://meta.discourse.org/u/KazWolfe)
#### Post date: [9 september 2015 om 01:55 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/220 "2015-09-09T01:55:29Z")

</div>

I’m really liking these changes, but there’s one thing that’s bugging me a bit…

 ![](https://global.discourse-cdn.com/meta/original/4X/6/4/d/64de2d8b3839176a74519e393a62ac4a400b393c.png)  
Would it be possible to move these buttons up to the top row (at least the glyphs)?

It’ll make it look more balanced, especially compared to the new user menu.

---

<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: [9 september 2015 om 02:06 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/221 "2015-09-09T02:06:52Z")

</div>

They do get moved up to the top row once you read the FAQ.

---

<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: [9 september 2015 om 02:19 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/222 "2015-09-09T02:19:57Z")

</div>

Also keep in mind, this would only balance the design for admins, end users would still have a missing row there.

If we are doing a small icon treatment there I think we should pick something that is generally useful, but I am not convinced anything really fits there.

---

<div class="post-metadata">

### Author: ![JSey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jsey/32/3540_2.png) [@JSey](https://meta.discourse.org/u/JSey)
#### Post date: [12 september 2015 om 17:26 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/223 "2015-09-12T17:26:23Z")

</div>

Uhm… since Discourse has a minimum browser requirement of 14, here’s a small catch: on FF 17 ESR, the categories are oddly misaligned:

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

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [12 september 2015 om 18:26 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/224 "2015-09-12T18:26:46Z")

</div>

Removing `.badge-wrapper.bullet span.badge-category {display: inline-block;}` fixes it for FF 17. It might cause problems elsewhere though.

---

<div class="post-metadata">

### Author: ![JSey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jsey/32/3540_2.png) [@JSey](https://meta.discourse.org/u/JSey)
#### Post date: [12 september 2015 om 20:05 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/225 "2015-09-12T20:05:44Z")

</div>

Cool, thanks @simon - hope that fix gets picked up soon…

…and here’s another 🐛

Currently, if the categories list is sufficiently long, you cannot scroll the 🍔 dropdown far enough to click on “Desktop view” - scrolling stops before the text of that link becomes visible, rendering that function useless. `.ember-view .menu-panel .slide-in` is simply some pixels too high.

---

<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: [14 september 2015 om 22:55 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/226 "2015-09-14T22:55:43Z")

</div>

The scrollbar in the profile menu is still bugging me. Can we do something about it?

I see it on desktop

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

and mobile (Chrome / Android 5)

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

---

<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: [15 september 2015 om 15:47 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/227 "2015-09-15T15:47:00Z")

</div>

The “log out” option is only presented if you’ve received at least one notification already.

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

---

<div class="post-metadata">

### Author: ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [15 september 2015 om 16:14 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/228 "2015-09-15T16:14:35Z")

</div>

Are you sure? As it doesn’t look like that is a constraint. Do you have the site setting enabled to show it?

---

<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: [15 september 2015 om 16:16 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/229 "2015-09-15T16:16:23Z")

</div>

Oh! I was not aware it was a site setting. Good catch! nevermind then.

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [16 september 2015 om 18:47 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/230 "2015-09-16T18:47:50Z")

</div>

I’ve adjusted the logic that estimates how many notifications to show to try and reduce scrollbars from appearing. I also found an issue with the DOM Mutation observer that I fixed. I think you’ll be less likely to see scrollbars now.

---

<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: [16 september 2015 om 19:15 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/231 "2015-09-16T19:15:57Z")

</div>

Seems to be a little bit better, but I usually still get scrollbars on mobile and desktop. Does the logic include the height used by the Log Out link?

---

<div class="post-metadata">

### Author: ![eviltrout](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/eviltrout/32/5275_2.png) [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [16 september 2015 om 19:17 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/232 "2015-09-16T19:17:52Z")

</div>

It does, it’s based on the mutation of the elements. Anything in the DOM that changes will cause a recalculation. Does it look like it can fit but can’t? It’s more likely it just can’t fit. I am still working on stuff a bit though.

---

<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: [16 september 2015 om 19:21 UTC](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519/233 "2015-09-16T19:21:25Z")

</div>

Well, this is what it looks like on my desktop here on meta:

 ![](https://global.discourse-cdn.com/meta/original/3X/1/5/15685ee412e6160f8b4be4d3c84290a0bf142eae.png)

That’s a lot of notifications and the only reason for the scrollbar is the Log Out link. I’d rather have one less notification in order to get rid of the scrollbar.

[Previous page](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=10)

[Next page](https://meta.discourse.org/t/feedback-on-new-hamburger-and-user-menus/32519.md?page=12)
