tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Alinhado o menu mobile com os icons.

This commit is contained in:
Fabiano Alencar 2018-01-29 13:45:47 -02:00
parent 96bb9151b5
commit 4d57071bc0
2 changed files with 21 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/assets/scss/style.scss
View File

@ -10,3 +10,7 @@ License URI:https://www.gnu.org/licenses/agpl-3.0.en.html
Tags: tainacan, ufg, minc, cultura, flexible, open_source Tags: tainacan, ufg, minc, cultura, flexible, open_source
Text Domain: tainacans Text Domain: tainacans
*/ */
.menu-shadow{
box-shadow: 0 2px 9px 0 #808080a6;
}

27
src/header.php
View File

@ -11,16 +11,16 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg navbar-light bg-white"> <nav class="navbar navbar-expand-lg navbar-light bg-white menu-shadow">
<a class="navbar-brand pt-0 mr-0" href="#"> <a class="navbar-brand pt-0 mr-0" href="#">
<img src="<?php echo get_template_directory_uri().'/assets/images/logo.svg' ?>" class="logo" style="width: 150px"> <img src="<?php echo get_template_directory_uri().'/assets/images/logo.svg' ?>" class="logo" style="width: 150px">
</a> </a>
<div class="btn-group pt-1 ml-auto"> <div class="btn-group pt-1 ml-auto">
<button type="button" class="btn btn-link pr-0"><i class="material-icons">folder_open</i></button> <button type="button" class="btn btn-link text-heavy-metal pr-0"><i class="material-icons">folder_open</i></button>
<button type="button" class="btn btn-link pl-0 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-link text-jelly-bean pl-0 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
<div class="dropdown-menu"> <div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a> <a class="dropdown-item" href="#">Something else here</a>
@ -29,11 +29,11 @@
</div> </div>
</div> </div>
<div class="btn-group pt-1"> <div class="btn-group pt-1">
<button type="button" class="btn btn-link pr-0 pl-0"><i class="material-icons">person_outline</i></button> <button type="button" class="btn btn-link text-heavy-metal pr-0 pl-0"><i class="material-icons">person_outline</i></button>
<button type="button" class="btn btn-link pl-0 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-link text-jelly-bean pl-0 dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span> <span class="sr-only">Toggle Dropdown</span>
</button> </button>
<div class="dropdown-menu"> <div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a> <a class="dropdown-item" href="#">Something else here</a>
@ -41,15 +41,20 @@
<a class="dropdown-item" href="#">Separated link</a> <a class="dropdown-item" href="#">Separated link</a>
</div> </div>
</div> </div>
<button class="navbar-toggler border-0 px-0" type="button" data-toggle="collapse" data-target="#menuTp" aria-controls="menuTp" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler text-heavy-metal border-0 px-0" type="button" data-toggle="collapse" data-target="#menuTp" aria-controls="menuTp" aria-expanded="false" aria-label="Toggle navigation">
<!-- <img src="<?php echo get_template_directory_uri().'/assets/images/ic_more_vert_black.svg'?>"> -->
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<div class="collapse navbar-collapse" id="menuTp"> <div class="collapse navbar-collapse" id="menuTp">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item active"> <li class="nav-item">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> <a class="nav-link text-havy-metal" href="#"><i class="material-icons">notifications_none</i></a>
</li>
<li class="nav-item">
<a class="nav-link text-havy-metal" href="#"><i class="material-icons">event</i></a>
</li>
<li class="nav-item">
<a class="nav-link text-havy-metal" href="#"><i class="material-icons">help_outline</i></a>
</li> </li>
</ul> </ul>
</div> </div>