Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #424 from jamesalley/new-menu
New Menu
- Loading branch information
Showing
16 changed files
with
434 additions
and
426 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,136 +1,37 @@ | ||
| /*csslint adjoining-classes:false, outline-none:false*/ | ||
| /*TODO: Remove this lint rule override after a refactor of this code.*/ | ||
| /*csslint adjoining-classes: false, box-model:false*/ | ||
| .pure-menu { | ||
| -webkit-box-sizing: border-box; | ||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| .pure-menu ul { | ||
| position: absolute; | ||
| visibility: hidden; | ||
| .pure-menu-fixed { | ||
| position: fixed; | ||
| left: 0; | ||
| top: 0; | ||
| z-index: 3; | ||
| } | ||
|
|
||
| .pure-menu.pure-menu-open { | ||
| visibility: visible; | ||
| z-index: 2; | ||
| width: 100%; | ||
| .pure-menu-list, | ||
| .pure-menu-item { | ||
| position: relative; | ||
| } | ||
|
|
||
| .pure-menu ul { | ||
| left: -10000px; | ||
| .pure-menu-list { | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| top: -10000px; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .pure-menu > ul { position: relative; } | ||
|
|
||
| .pure-menu-open > ul { | ||
| left: 0; | ||
| top: 0; | ||
| visibility: visible; | ||
| } | ||
|
|
||
| .pure-menu-open > ul:focus { | ||
| outline: 0; | ||
| .pure-menu-item { | ||
| padding: 0; | ||
| margin: 0; | ||
| height: 100%; | ||
| } | ||
|
|
||
| .pure-menu li { position: relative; } | ||
|
|
||
| .pure-menu a, | ||
| .pure-menu .pure-menu-heading { | ||
| .pure-menu-link, | ||
| .pure-menu-heading { | ||
| display: block; | ||
| color: inherit; | ||
| line-height: 1.5em; | ||
| padding: 5px 20px; | ||
| text-decoration: none; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| .pure-menu.pure-menu-horizontal > .pure-menu-heading { | ||
| display: inline-block; | ||
| *display: inline; | ||
| zoom: 1; | ||
| margin: 0; | ||
| vertical-align: middle; | ||
| } | ||
| .pure-menu.pure-menu-horizontal > ul { | ||
| display: inline-block; | ||
| *display: inline; | ||
| zoom: 1; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| .pure-menu li a { padding: 5px 20px; } | ||
|
|
||
| .pure-menu-can-have-children > .pure-menu-label:after { | ||
| content: '\25B8'; | ||
| float: right; | ||
| /* These specific fonts have the Unicode char we need. */ | ||
| font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif; | ||
| margin-right: -20px; | ||
| margin-top: -1px; | ||
| } | ||
|
|
||
| .pure-menu-can-have-children > .pure-menu-label { | ||
| padding-right: 30px; | ||
| } | ||
|
|
||
| .pure-menu-separator { | ||
| background-color: #dfdfdf; | ||
| display: block; | ||
| height: 1px; | ||
| font-size: 0; | ||
| margin: 7px 2px; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| .pure-menu-hidden { | ||
| display: none; | ||
| } | ||
|
|
||
| /* FIXED MENU */ | ||
| .pure-menu-fixed { | ||
| position: fixed; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| } | ||
|
|
||
|
|
||
| /* HORIZONTAL MENU CODE */ | ||
|
|
||
| /* Initial menus should be inline-block so that they are horizontal */ | ||
| .pure-menu-horizontal li { | ||
| display: inline-block; | ||
| *display: inline; | ||
| zoom: 1; | ||
| vertical-align: middle; | ||
| } | ||
|
|
||
| /* Submenus should still be display: block; */ | ||
| .pure-menu-horizontal li li { | ||
| display: block; | ||
| } | ||
|
|
||
| /* Content after should be down arrow */ | ||
| .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after { | ||
| content: "\25BE"; | ||
| } | ||
| /*Add extra padding to elements that have the arrow so that the hover looks nice */ | ||
| .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label { | ||
| padding-right: 30px; | ||
| } | ||
|
|
||
| /* Adjusting separator for vertical menus */ | ||
| .pure-menu-horizontal li.pure-menu-separator { | ||
| height: 50%; | ||
| width: 1px; | ||
| margin: 0 7px; | ||
| } | ||
|
|
||
| /* Submenus should be horizontal separator again */ | ||
| .pure-menu-horizontal li li.pure-menu-separator { | ||
| height: 1px; | ||
| width: auto; | ||
| margin: 7px 2px; | ||
| } | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| /* Submenus should still be display: block; */ | ||
| .pure-menu-item .pure-menu-item { | ||
| display: block; | ||
| } | ||
|
|
||
| .pure-menu-children { | ||
| display: none; | ||
| position: absolute; | ||
| left: 100%; | ||
| top: 0; | ||
| margin: 0; | ||
| padding: 0; | ||
| z-index: 3; | ||
| } | ||
|
|
||
| .pure-menu-horizontal .pure-menu-children { | ||
| left: 0; | ||
| top: auto; | ||
| width: inherit; | ||
| } | ||
|
|
||
| .pure-menu-allow-hover:hover > .pure-menu-children, | ||
| .pure-menu-active > .pure-menu-children { | ||
| display: block; | ||
| position: absolute; | ||
| } | ||
|
|
||
| /* Vertical Menus - show the dropdown arrow */ | ||
| .pure-menu-has-children > .pure-menu-link:after { | ||
| padding-left: 0.5em; | ||
| content: "\25B8"; | ||
| font-size: small; | ||
| } | ||
|
|
||
| /* Horizontal Menus - show the dropdown arrow */ | ||
| .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after { | ||
| content: "\25BE"; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| /* HORIZONTAL MENU */ | ||
| .pure-menu-horizontal { | ||
| width: 100%; | ||
| white-space: nowrap; | ||
| } | ||
|
|
||
| .pure-menu-horizontal .pure-menu-list { | ||
| display: inline-block; | ||
| } | ||
|
|
||
| /* Initial menus should be inline-block so that they are horizontal */ | ||
| .pure-menu-horizontal .pure-menu-item, | ||
| .pure-menu-horizontal .pure-menu-heading, | ||
| .pure-menu-horizontal .pure-menu-separator { | ||
| display: inline-block; | ||
| *display: inline; | ||
| zoom: 1; | ||
| vertical-align: middle; | ||
| } |
Oops, something went wrong.