{"action":"created","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/3392","repository_url":"https://api.github.com/repos/webcompat/web-bugs","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3392/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3392/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3392/events","html_url":"https://github.com/webcompat/web-bugs/issues/3392","id":181825069,"number":3392,"title":"www.kavalanwhisky.com - see bug description","user":{"login":"heycam","id":1484434,"avatar_url":"https://avatars.githubusercontent.com/u/1484434?v=3","gravatar_id":"","url":"https://api.github.com/users/heycam","html_url":"https://github.com/heycam","followers_url":"https://api.github.com/users/heycam/followers","following_url":"https://api.github.com/users/heycam/following{/other_user}","gists_url":"https://api.github.com/users/heycam/gists{/gist_id}","starred_url":"https://api.github.com/users/heycam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/heycam/subscriptions","organizations_url":"https://api.github.com/users/heycam/orgs","repos_url":"https://api.github.com/users/heycam/repos","events_url":"https://api.github.com/users/heycam/events{/privacy}","received_events_url":"https://api.github.com/users/heycam/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/webcompat/web-bugs/labels/browser-firefox","name":"browser-firefox","color":"FF4E00"},{"url":"https://api.github.com/repos/webcompat/web-bugs/labels/status-needstriage","name":"status-needstriage","color":"ff9900"}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2016-10-08T13:03:38Z","updated_at":"2016-10-12T03:19:30Z","closed_at":null,"body":"<!-- @browser: Firefox 49.0 -->\n<!-- @ua_header: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:49.0) Gecko/20100101 Firefox/49.0 -->\n<!-- @reported_with: web -->\n\n**URL**: http://www.kavalanwhisky.com/en/index2.aspx\n**Browser / Version**: Firefox 49.0\n**Operating System**: Ubuntu\n**Problem type**: Something else - I'll add details below\n\n**Steps to Reproduce**\n1) Navigate to: http://www.kavalanwhisky.com/en/index2.aspx\r\n\r\nExpected Behavior:\r\n\r\nSee the \"中\" link for switching language on the top, light grey navigation bar.  Also, be able to mouse over a navigation bar entry, such as \"Story\", and then mouse over one of the navigation sub-entries, such as \"Origin\", without the sub-navigation bar disappearing.\r\n\r\nActual Behavior:\r\n\r\nThe \"中\" link appears on a separate line.  When mousing over a \"Story\", and then attempting to mouse over a sub-navigation bar entry like \"Origin\", that sub-navigation bar disappears.\r\n\r\n![Screenshot Description](https://webcompat.com/uploads/2016/10/e4dc6f97-4efa-49d8-a8e9-4735fc959d15.jpg)\n\n\n\n_From [webcompat.com](https://webcompat.com/) with ❤️_"},"comment":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/comments/253108504","html_url":"https://github.com/webcompat/web-bugs/issues/3392#issuecomment-253108504","issue_url":"https://api.github.com/repos/webcompat/web-bugs/issues/3392","id":253108504,"user":{"login":"karlcow","id":505230,"avatar_url":"https://avatars.githubusercontent.com/u/505230?v=3","gravatar_id":"","url":"https://api.github.com/users/karlcow","html_url":"https://github.com/karlcow","followers_url":"https://api.github.com/users/karlcow/followers","following_url":"https://api.github.com/users/karlcow/following{/other_user}","gists_url":"https://api.github.com/users/karlcow/gists{/gist_id}","starred_url":"https://api.github.com/users/karlcow/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karlcow/subscriptions","organizations_url":"https://api.github.com/users/karlcow/orgs","repos_url":"https://api.github.com/users/karlcow/repos","events_url":"https://api.github.com/users/karlcow/events{/privacy}","received_events_url":"https://api.github.com/users/karlcow/received_events","type":"User","site_admin":false},"created_at":"2016-10-12T03:19:30Z","updated_at":"2016-10-12T03:19:30Z","body":"The container for the navbar is `820px` wide.\n\n```css\n#header > div.menuContainer > div.menu > ul {\n\tdisplay: inline-block;\n\twidth: 820px;\n\tpadding-top: 13px;\n\tmargin: 0 auto;\n\toverflow: visible;\n}\n```\n\nOn my machine I can push the 中 (middle) character to the next line by reducing the width to `width: 803px;`.\n \n\nThe character is really on the edge.\n\n\n![Screenshot of the site issue](https://webcompat.com/uploads/2016/10/8ca69f40-821c-473c-baf9-961b13ae0e3b.jpg)\n\nIt could be intrinsic font-size in Linux Mint.\n\n```css\n#header > div.menuContainer > div.menu > ul li {\n\tfont-family: 微軟正黑體, Microsoft JhengHei, Myriad Pro, sans-serif;\n\tcolor: #7E663F;\n\tpadding: 10px 45px 10px 45px;\n\tline-height: 30px;\n\tfont-size: 15px;\n\tfloat: left;\n}\n```\n\nfor example if I push the `font-size` to `17px;` The issue reproduces too.\n\nthey have two bogus values in there for wrong comments `//`\n\n```css\n#header > div.menuContainer > div.menu > ul li.en div {\n//\theight: 30px;\n//\toverflow: hidden;\n}\n```\n\nThey should have done.\n\n```css\n#header > div.menuContainer > div.menu > ul li.en div {\n/*\theight: 30px; */\n/*\toverflow: hidden; */\n}\n```\n\nIt doesn't change anything for me to activate them, but I guess they were struggling partly with this icon.\n\nThey also tried something else it seems.\n\n```html\n<li class=\"en\">\n    <div style=\"width: 24px;\">\n        <a href=\"http://www.kavalanwhisky.com/index.aspx\">\n            <img src=\"http://www.kavalanwhisky.com/images/common/icon_ch.png\"></a>\n        <!--\n         <a href=\"javascript:toggleLanMenu();\">\n            <img src=\"http://www.kavalanwhisky.com/images/common/icon_en.png\"></a>\n        <div style=\"width: 24px; display: none;\" id=\"lanMenu\">\n            <a href=\"http://www.kavalanwhisky.com/\">\n                <img src=\"http://www.kavalanwhisky.com/images/common/icon_ch.png\"></a>\n        </div>\n        -->\n    </div>\n</li>\n```\n\nThat would be a perfect use case for flexbox here to avoid the `float:left` on `li` elements.\n\nAnother way they could fix it and being less sensitive to the font-size and width is \n\n```css\n#header > div.menuContainer > div.menu > ul li {\n\tfont-family: 微軟正黑體, Microsoft JhengHei, Myriad Pro, sans-serif;\n\tcolor: #7E663F;\n\tpadding: 10px 45px 10px 45px;\n\tline-height: 30px;\n\tfont-size: 15px;\n\t/* float: left; */\n\tdisplay: table-cell;\n}\n```\n\naka adding `display: table-cell;` and removing `float: left;`\n\nSwitching to needscontact."}}
{"actor":{"display_login":"karlcow"}}