UX: Allow customization on header dropdown sizes

app/assets/javascripts/discourse/widgets/hamburger-menu.js.es6

@@ -34,7 +34,8 @@ export default createWidget('hamburger-menu', {
   tagName: 'div.hamburger-panel',
 
   settings: {
-    showCategories: true
+    showCategories: true,
+    maxWidth: 300
   },
 
   adminLinks() {
@@ -192,7 +193,10 @@ export default createWidget('hamburger-menu', {
   },
 
   html() {
-    return this.attach('menu-panel', { contents: () => this.panelContents() });
+    return this.attach('menu-panel', {
+      contents: () => this.panelContents(),
+      maxWidth: this.settings.maxWidth,
+    });
   },
 
   clickOutside() {

app/assets/javascripts/discourse/widgets/user-menu.js.es6

@@ -89,6 +89,10 @@ createWidget('user-menu-links', {
 export default createWidget('user-menu', {
   tagName: 'div.user-menu',
 
+  settings: {
+    maxWidth: 300
+  },
+
   panelContents() {
     const path = this.currentUser.get('path');
 
@@ -104,7 +108,10 @@ export default createWidget('user-menu', {
   },
 
   html() {
-    return this.attach('menu-panel', { contents: () => this.panelContents() });
+    return this.attach('menu-panel', {
+      maxWidth: this.settings.maxWidth,
+      contents: () => this.panelContents()
+    });
   },
 
   clickOutside() {