hide the demo drawer placement icons on mobile to ensure enough room for the search and menu buttons

This commit is contained in:
Kevin Ross 2016-01-20 18:04:29 -06:00
parent 0b9e7f53ab
commit dbe3cecd69

View File

@ -30,27 +30,27 @@ js: example.js
</li> </li>
</ul> </ul>
<ul class="nav navbar-nav pull-xs-right"> <ul class="nav navbar-nav pull-xs-right">
<li class="nav-item"> <li class="nav-item hidden-sm-down">
<button class="btn mdb-btn-icon" title="Drawer force close" id="drawer-visibility"> <button class="btn mdb-btn-icon" title="Drawer force close" id="drawer-visibility">
<i class="material-icons">visibility</i> <i class="material-icons">visibility</i>
</button> </button>
</li> </li>
<li class="nav-item"> <li class="nav-item hidden-sm-down">
<button class="btn mdb-btn-icon" title="Drawer left" id="drawer-pos-f-l"> <button class="btn mdb-btn-icon" title="Drawer left" id="drawer-pos-f-l">
<i class="material-icons">border_left</i> <i class="material-icons">border_left</i>
</button> </button>
</li> </li>
<li class="nav-item"> <li class="nav-item hidden-sm-down">
<button class="btn mdb-btn-icon" title="Drawer right" id="drawer-pos-f-r"> <button class="btn mdb-btn-icon" title="Drawer right" id="drawer-pos-f-r">
<i class="material-icons">border_right</i> <i class="material-icons">border_right</i>
</button> </button>
</li> </li>
<li class="nav-item"> <li class="nav-item hidden-sm-down">
<button class="btn mdb-btn-icon" title="Drawer top" id="drawer-pos-f-t"> <button class="btn mdb-btn-icon" title="Drawer top" id="drawer-pos-f-t">
<i class="material-icons">border_top</i> <i class="material-icons">border_top</i>
</button> </button>
</li> </li>
<li class="nav-item"> <li class="nav-item hidden-sm-down">
<button class="btn mdb-btn-icon" title="Drawer bottom" id="drawer-pos-f-b"> <button class="btn mdb-btn-icon" title="Drawer bottom" id="drawer-pos-f-b">
<i class="material-icons">border_bottom</i> <i class="material-icons">border_bottom</i>
</button> </button>