20250 2012-12-05 15:45:14 +0000 Create WPD-wide menu to navigate between topic areas 2013-03-08 13:33:51 +0000 1 1 1 Unclassified webplatform.org infrastructure unspecified PC All NEW P2 normal --- 1 cmills schepers eliotgra team-webplatform-admin public-webplatform-bugs oldest_to_newest 79479 0 cmills 2012-12-05 15:45:14 +0000 On WPD, the breadcrumb trail works ok to get back to where you've come from, but it is currently hard to get to anywhere in the site from anywhere. WPD could do with a nicely styled dropdown navigation menu, to make getting to different content sections a bit more immediate, e.g. I want to get to CSS property references. I reckon this menu wants to go just above the line with the breadcrumb trail and the editor tools on it. I'll create a quick mockup to show you what I mean. 79560 1 1262 cmills 2012-12-06 14:54:50 +0000 Created attachment 1262 rough mockup of site wide WPD menu Mockup created, as promised. 84025 2 eliotgra 2013-03-06 17:32:00 +0000 Please note that as coded in attachment 1262, this menu will be ineffective for users of touch interfaces. Perhaps an approach that uses click instead of hover to expand the menus? Hover gets you nothing in touch--at least with today's touch devices. 84118 3 cmills 2013-03-08 13:33:51 +0000 That's a good point Eliot. More work needed. 1262 2012-12-06 14:54:50 +0000 2012-12-06 14:54:50 +0000 rough mockup of site wide WPD menu menu-mockup.html text/html 4745 cmills PCFET0NUWVBFIEhUTUw+CjxodG1sIGxhbmc9ImVuLVVTIj4KPGhlYWQ+Cgk8bWV0YSBjaGFyc2V0 PSJVVEYtOCI+Cgk8dGl0bGU+V1BEIG1lbnUgbW9ja3VwPC90aXRsZT4KCQoJPHN0eWxlPgoJCgl1 bCwgbGkgewoJICBtYXJnaW46IDA7CgkgIHBhZGRpbmc6IDA7Cgl9CgkKCWh0bWwgewoJICBmb250 LXNpemU6IDYyLjUlOwoJICBmb250LWZhbWlseTogc2Fucy1zZXJpZjsKCX0KCQoJYm9keSB7Cgkg IHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7Cgl9CgkKICAgIGxpIHsKCSAgbGlzdC1zdHlsZS10 eXBlOiBub25lOwoJfQoJCgloMyB7CgkgIGZvbnQtc2l6ZTogMS4zcmVtOwoJICBmb250LXdlaWdo dDogbm9ybWFsOwoJICBsaW5lLWhlaWdodDogMjRweDsKCSAgdGV4dC1hbGlnbjogY2VudGVyOwoJ ICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCByZ2JhKDAsMCwwLDAuMyk7Cgl9CgkKCWxpOmxhc3Qt Y2hpbGQgZGl2IGgzIHsKICAgICAgYm9yZGVyLXJpZ2h0OiBub25lOwogICAgfQoKCQoJYm9keSA+ IHVsIHsKCSAgd2lkdGg6IDk1MnB4OwoJfQoJCglib2R5ID4gdWwgPiBsaSB7CgkgIGZsb2F0OiBs ZWZ0OwoJfQoJCglsaSA+IGRpdiB7CgkgIGRpc3BsYXk6IGlubGluZS1ibG9jazsKCSAgd2lkdGg6 IDExOHB4OwoJICBiYWNrZ3JvdW5kOiAtd2Via2l0LWxpbmVhci1ncmFkaWVudCh0b3AscmdiYSgw LDAsMCwwLjI1KSxyZ2JhKDAsMCwwLDApKTsKCSAgYmFja2dyb3VuZDogLW1vei1saW5lYXItZ3Jh ZGllbnQodG9wLHJnYmEoMCwwLDAsMC4yNSkscmdiYSgwLDAsMCwwKSk7CgkgIGJhY2tncm91bmQ6 IC1tcy1saW5lYXItZ3JhZGllbnQodG9wLHJnYmEoMCwwLDAsMC4yNSkscmdiYSgwLDAsMCwwKSk7 CgkgIGJhY2tncm91bmQ6IC1vLWxpbmVhci1ncmFkaWVudCh0b3AscmdiYSgwLDAsMCwwLjI1KSxy Z2JhKDAsMCwwLDApKTsKCSAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSxy Z2JhKDAsMCwwLDAuMjUpLHJnYmEoMCwwLDAsMCkpOwoJICBiYWNrZ3JvdW5kLWNvbG9yOiAjRjBF QkREOwoJfQoJCglsaSA+IGRpdjpob3ZlciB7CgkgIGJvcmRlci1yYWRpdXM6IDAgMCAyMHB4IDIw cHg7CgkgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwoJfQoJCglsaTpmaXJzdC1jaGls ZCBkaXYgewogICAgICBib3JkZXItcmFkaXVzOiAyMHB4IDAgMCAyMHB4OwogICAgfQogICAgCiAg ICBsaTpsYXN0LWNoaWxkIGRpdiB7CiAgICAgIGJvcmRlci1yYWRpdXM6IDAgMjBweCAyMHB4IDA7 CiAgICB9CgkKCXVsIGxpIHVsIHsKCSAgaGVpZ2h0OiAwcHg7CgkgIG92ZXJmbG93OmhpZGRlbjsK CSAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7Cgl9CgkKCXVsIGxpOmhvdmVyIHVsIHsK CSAgaGVpZ2h0OiBhdXRvOwoJfQoJICAgIAogICAgbGkgYSB7CiAgICAgIGRpc3BsYXk6IGlubGlu ZS1ibG9jazsKICAgICAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwogICAgICBsaW5lLWhlaWdodDog MzBweDsKICAgICAgd2lkdGg6IDExOXB4OwogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CgoJICBi YWNrZ3JvdW5kOiAtd2Via2l0LWxpbmVhci1ncmFkaWVudCh0b3AscmdiYSgwLDAsMCwwLjEwKSxy Z2JhKDAsMCwwLDApKTsKCSAgYmFja2dyb3VuZDogLW1vei1saW5lYXItZ3JhZGllbnQodG9wLHJn YmEoMCwwLDAsMC4xMCkscmdiYSgwLDAsMCwwKSk7CgkgIGJhY2tncm91bmQ6IC1tcy1saW5lYXIt Z3JhZGllbnQodG9wLHJnYmEoMCwwLDAsMC4xMCkscmdiYSgwLDAsMCwwKSk7CgkgIGJhY2tncm91 bmQ6IC1vLWxpbmVhci1ncmFkaWVudCh0b3AscmdiYSgwLDAsMCwwLjEwKSxyZ2JhKDAsMCwwLDAp KTsKCSAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSxyZ2JhKDAsMCwwLDAu MTApLHJnYmEoMCwwLDAsMCkpOwoJICAKCSAgCgkgIGJhY2tncm91bmQtY29sb3I6ICNGMEVCREQ7 CiAgICB9CiAgICAKICAgIGxpIGE6aG92ZXIgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2Nj OwogICAgfQogICAgCiAgICBsaSB1bCBsaTpsYXN0LWNoaWxkIGEgewogICAgICBib3JkZXItcmFk aXVzOiAwIDAgMjBweCAyMHB4OwogICAgfQogICAgCiAgICBsaTpmaXJzdC1jaGlsZCB1bCBsaTps YXN0LWNoaWxkIGEgewogICAgICBib3JkZXItcmFkaXVzOiAwIDAgMCAyMHB4OwogICAgfQogICAg CiAgICBsaTpsYXN0LWNoaWxkIHVsIGxpOmxhc3QtY2hpbGQgYSB7CiAgICAgIGJvcmRlci1yYWRp dXM6IDAgMCAyMHB4IDA7CiAgICB9CgkKCQoJCgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoKCgo8 dWw+CgogIDxsaT4KICAKICAgIDxkaXY+PGgzPkJlZ2lubmVyczwvaDM+CiAgICAKICAgIDx1bD4K ICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgMTwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0i Ij5Ub3BpYyAyPC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDM8L2E+PC9saT4K ICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgNDwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0i Ij5Ub3BpYyA1PC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDY8L2E+PC9saT4K ICAgIDwvdWw+PC9kaXY+CgogIDwvbGk+CgogIDxsaT4KICAKICAgIDxkaXY+PGgzPkNvbmNlcHRz PC9oMz4KICAgIAogICAgPHVsPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAxPC9hPjwvbGk+ CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDI8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9 IiI+VG9waWMgMzwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA0PC9hPjwvbGk+ CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDU8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9 IiI+VG9waWMgNjwvYT48L2xpPgogICAgPC91bD48L2Rpdj4KCiAgPC9saT4KCgogIDxsaT4KICAK ICAgIDxkaXY+PGgzPkhUTUw8L2gzPgogICAgCiAgICA8dWw+CiAgICAgIDxsaT48YSBocmVmPSIi PlRvcGljIDE8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgMjwvYT48L2xpPgog ICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAzPC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIi PlRvcGljIDQ8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgNTwvYT48L2xpPgog ICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA2PC9hPjwvbGk+CiAgICA8L3VsPjwvZGl2PgoKICA8 L2xpPgoKCiAgPGxpPgogIAogICAgPGRpdj48aDM+Q1NTPC9oMz4KICAgIAogICAgPHVsPgogICAg ICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAxPC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRv cGljIDI8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgMzwvYT48L2xpPgogICAg ICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA0PC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRv cGljIDU8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgNjwvYT48L2xpPgogICAg PC91bD48L2Rpdj4KCiAgPC9saT4KCgogIDxsaT4KICAKICAgIDxkaXY+PGgzPkFjY2Vzc2liaWxp dHk8L2gzPgogICAgCiAgICA8dWw+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDE8L2E+PC9s aT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgMjwvYT48L2xpPgogICAgICA8bGk+PGEgaHJl Zj0iIj5Ub3BpYyAzPC9hPjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDQ8L2E+PC9s aT4KICAgICAgPGxpPjxhIGhyZWY9IiI+VG9waWMgNTwvYT48L2xpPgogICAgICA8bGk+PGEgaHJl Zj0iIj5Ub3BpYyA2PC9hPjwvbGk+CiAgICA8L3VsPjwvZGl2PgoKICA8L2xpPgoKCiAgPGxpPgog IAogICAgPGRpdj48aDM+SmF2YVNjcmlwdDwvaDM+CiAgICAKICAgIDx1bD4KICAgICAgPGxpPjxh IGhyZWY9IiI+VG9waWMgMTwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAyPC9h PjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDM8L2E+PC9saT4KICAgICAgPGxpPjxh IGhyZWY9IiI+VG9waWMgNDwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA1PC9h PjwvbGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDY8L2E+PC9saT4KICAgIDwvdWw+PC9k aXY+CgogIDwvbGk+CgoKICA8bGk+CiAgCiAgICA8ZGl2PjxoMz5ET008L2gzPgogICAgCiAgICA8 dWw+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDE8L2E+PC9saT4KICAgICAgPGxpPjxhIGhy ZWY9IiI+VG9waWMgMjwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAzPC9hPjwv bGk+CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDQ8L2E+PC9saT4KICAgICAgPGxpPjxhIGhy ZWY9IiI+VG9waWMgNTwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA2PC9hPjwv bGk+CiAgICA8L3VsPjwvZGl2PgoKICA8L2xpPgoKCiAgPGxpPgogIAogICAgPGRpdj48aDM+U1ZH PC9oMz4KICAgIAogICAgPHVsPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyAxPC9hPjwvbGk+ CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDI8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9 IiI+VG9waWMgMzwvYT48L2xpPgogICAgICA8bGk+PGEgaHJlZj0iIj5Ub3BpYyA0PC9hPjwvbGk+ CiAgICAgIDxsaT48YSBocmVmPSIiPlRvcGljIDU8L2E+PC9saT4KICAgICAgPGxpPjxhIGhyZWY9 IiI+VG9waWMgNjwvYT48L2xpPgogICAgPC91bD48L2Rpdj4KCiAgPC9saT4KCgo8L3VsPgoKCgo8 L2JvZHk+CjwvaHRtbD4=