{"action":"created","issue":{"url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/2369","repository_url":"https://api.github.com/repos/backdrop/backdrop-issues","labels_url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/2369/labels{/name}","comments_url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/2369/comments","events_url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/2369/events","html_url":"https://github.com/backdrop/backdrop-issues/issues/2369","id":192308729,"number":2369,"title":"[UX] Provide a hamburger menu (or option) by default","user":{"login":"laryn","id":871421,"avatar_url":"https://avatars.githubusercontent.com/u/871421?v=3","gravatar_id":"","url":"https://api.github.com/users/laryn","html_url":"https://github.com/laryn","followers_url":"https://api.github.com/users/laryn/followers","following_url":"https://api.github.com/users/laryn/following{/other_user}","gists_url":"https://api.github.com/users/laryn/gists{/gist_id}","starred_url":"https://api.github.com/users/laryn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/laryn/subscriptions","organizations_url":"https://api.github.com/users/laryn/orgs","repos_url":"https://api.github.com/users/laryn/repos","events_url":"https://api.github.com/users/laryn/events{/privacy}","received_events_url":"https://api.github.com/users/laryn/received_events","type":"User","site_admin":false},"labels":[{"id":54904569,"url":"https://api.github.com/repos/backdrop/backdrop-issues/labels/type%20-%20feature%20request","name":"type - feature request","color":"5319e7","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/backdrop/backdrop-issues/milestones/38","html_url":"https://github.com/backdrop/backdrop-issues/milestones/1.5.3","labels_url":"https://api.github.com/repos/backdrop/backdrop-issues/milestones/38/labels","id":2140243,"number":38,"title":"1.5.3","description":"","creator":{"login":"quicksketch","id":100206,"avatar_url":"https://avatars.githubusercontent.com/u/100206?v=3","gravatar_id":"","url":"https://api.github.com/users/quicksketch","html_url":"https://github.com/quicksketch","followers_url":"https://api.github.com/users/quicksketch/followers","following_url":"https://api.github.com/users/quicksketch/following{/other_user}","gists_url":"https://api.github.com/users/quicksketch/gists{/gist_id}","starred_url":"https://api.github.com/users/quicksketch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/quicksketch/subscriptions","organizations_url":"https://api.github.com/users/quicksketch/orgs","repos_url":"https://api.github.com/users/quicksketch/repos","events_url":"https://api.github.com/users/quicksketch/events{/privacy}","received_events_url":"https://api.github.com/users/quicksketch/received_events","type":"User","site_admin":false},"open_issues":27,"closed_issues":0,"state":"open","created_at":"2016-11-16T19:34:28Z","updated_at":"2016-12-02T00:17:59Z","due_on":null,"closed_at":null},"comments":2,"created_at":"2016-11-29T15:15:25Z","updated_at":"2016-12-07T16:12:23Z","closed_at":null,"body":"Is there a way to get the default menus to turn into a \"☰ Menu\" link that opens to the full menu, instead of the stacked version that is used by default? With any more than a few menu items it currently takes the whole screen on a phone and it would be nice to have it collapsed to start with.\r\n\r\nPulling a few of the responses from Gitter:\r\n\r\n>@klonos : Yes, it is possible. Take a look here: http://www.smartmenus.org/docs#menu-toggle-button\r\n\r\n> @herbdool : it'll take editing the tpl at least to get the hamburger to work since it's picky about where the toggle is in relation to the menu. ...\r\n> I got the hamburger working. Use MYTHEME_menu_tree__main_menu() to inject the Smart menu html for the toggle button, then edit and add the css and js to your theme. You need to change #main-menu to .menu in the css, and make sure you have the right selector in the js.\r\n```\r\nfunction MYTHEME_menu_tree__main_menu($variables) {\r\n  $return = '';\r\n  if ($variables['depth'] == 0) {\r\n    $return = '<!-- Mobile menu toggle button (hamburger/x icon) --><input id=\"main-menu-state\" type=\"checkbox\" /><label class=\"main-menu-btn\" for=\"main-menu-state\">  <span class=\"main-menu-btn-icon\"></span> Toggle main menu visibility</label>';\r\n  }\r\n  $return .= '<ul ' . backdrop_attributes($variables['attributes']) . '>' . $variables['tree'] . '</ul>';\r\n  return $return;\r\n}\r\n```\r\n> it puts the hamburger below the logo which may or may not work for you. I haven't tested to see if it can work without needing to be a sibling of the menu. If so then the hamburger html could be put anywhere\r\n\r\n> @klonos : I would absolutely love it if there was a simple way in the menu block settings allowing the user to select the hamburger as an alternative option for mobile (instead of the default responsive style we have now). I have come across some websites that use the hamburger as their default navigation regardless of screen size, so I believe that the best way to handle this would be if we also allowed it to be selected as an individual menu style option in menu block settings.\r\n\r\n> @herbdool : The hamburger still uses the responsive menu that's there but just provides a toggle for it.\r\n\r\n> @olafgrabienski : If you file that hamburger menu issue, I guess these are good reference points: #2107#issue-173965498 (we want a hamburger) and https://github.com/backdrop/backdrop-issues/issues/2107#issuecomment-246092072 (why isn't it there at that moment / how to implement it in future)."},"comment":{"url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/comments/265490640","html_url":"https://github.com/backdrop/backdrop-issues/issues/2369#issuecomment-265490640","issue_url":"https://api.github.com/repos/backdrop/backdrop-issues/issues/2369","id":265490640,"user":{"login":"laryn","id":871421,"avatar_url":"https://avatars.githubusercontent.com/u/871421?v=3","gravatar_id":"","url":"https://api.github.com/users/laryn","html_url":"https://github.com/laryn","followers_url":"https://api.github.com/users/laryn/followers","following_url":"https://api.github.com/users/laryn/following{/other_user}","gists_url":"https://api.github.com/users/laryn/gists{/gist_id}","starred_url":"https://api.github.com/users/laryn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/laryn/subscriptions","organizations_url":"https://api.github.com/users/laryn/orgs","repos_url":"https://api.github.com/users/laryn/repos","events_url":"https://api.github.com/users/laryn/events{/privacy}","received_events_url":"https://api.github.com/users/laryn/received_events","type":"User","site_admin":false},"created_at":"2016-12-07T16:12:22Z","updated_at":"2016-12-07T16:12:22Z","body":"@wesruv Was it similar to @herbdool's approach? If so, is it Basis-specific? If you are overwhelmed I may try to replicate this and submit. If you have it handy, obviously that's better for me. :)"}}
{"actor":{"display_login":"laryn"}}