dfx.sk/dfx-jekyll-mdl
1
0
Fork 0
Code Issues Releases Activity

More vertical option

Browse source 
Make dynamic the more vertical option in the headers nav
This commit is contained in:
Oscar Cortez 2015-07-25 12:46:09 -06:00
parent 98da5665a3
commit dd225d829b
3 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
_config.yml
View file

@ -15,5 +15,16 @@ header_type: default # values [ drawer, default ]
post_type: highlight # values [ highlight, default ] post_type: highlight # values [ highlight, default ]
pagination_type: default # values [ ops, default ] pagination_type: default # values [ ops, default ]
more_vert:
option1:
name: Cool Option 1
link: www.myawesomelink.com
option2:
name: Cool Option 2
link: www.myawesomelink.com
option3:
name: Cool Option 3
link: www.myawesomelink.com
# Build settings # Build settings
markdown: kramdown markdown: kramdown

7
_includes/header.html
View file

@ -28,10 +28,9 @@
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="menu-lower-left"> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="menu-lower-left">
<li class="mdl-menu__item">Some Action</li> {% for option in site.more_vert %}
<li class="mdl-menu__item">Another Action</li> <li><a href="{{ option[1].link }}" class="mdl-menu__item">{{ option[1].name }}</a></li>
<li disabled class="mdl-menu__item">Disabled Action</li> {% endfor %}
<li class="mdl-menu__item">Yet Another Action</li>
</ul> </ul>
</div> </div>
</header> </header>

7
_includes/header_fixed.html
View file

@ -17,10 +17,9 @@
</button> </button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="fixed-menu-lower-left"> <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="fixed-menu-lower-left">
<li class="mdl-menu__item">Some Action</li> {% for option in site.more_vert %}
<li class="mdl-menu__item">Another Action</li> <li><a href="{{ option[1].link }}" class="mdl-menu__item">{{ option[1].name }}</a></li>
<li disabled class="mdl-menu__item">Disabled Action</li> {% endfor %}
<li class="mdl-menu__item">Yet Another Action</li>
</ul> </ul>
</div> </div>