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

Better spacing between buttons with icons; Search form visible under the menu for mobiles.

This commit is contained in:
Fabiano Alencar 2018-01-31 09:25:10 -02:00
parent c749a18eb8
commit d8f68e42d6
2 changed files with 39 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,6 +31,7 @@ nav{
@media (min-width: 768px){ @media (min-width: 768px){
position: absolute; position: absolute;
left: 50px; left: 50px;
top: 1.4vh;
} }
} }
} }

11
src/header.php
View File

@ -17,8 +17,8 @@
<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 text-heavy-metal pr-0"><i class="material-icons">folder_open</i></button> <button type="button" class="btn btn-link text-heavy-metal pr-1"><i class="material-icons">folder_open</i></button>
<button type="button" class="btn btn-link text-jelly-bean px-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 px-1 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 dropdown-menu-right"> <div class="dropdown-menu dropdown-menu-right">
@ -30,8 +30,8 @@
</div> </div>
</div> </div>
<div class="btn-group pt-1"> <div class="btn-group pt-1">
<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 text-heavy-metal pr-0 pl-1"><i class="material-icons">person_outline</i></button>
<button type="button" class="btn btn-link text-jelly-bean px-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 px-1 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 dropdown-menu-right"> <div class="dropdown-menu dropdown-menu-right">
@ -56,10 +56,9 @@
</ul> </ul>
</div> </div>
</div> </div>
</div>
</nav> </nav>
<form class="tainacan-form-search"> <form class="tainacan-form-search d-sm-none">
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<div class="w-100 pt-1 mt-2 pl-1"> <div class="w-100 pt-1 mt-2 pl-1">
<input class="form-control h-75 tainacan-input-search py-0 border-0" type="search" placeholder="Pesquisar"> <input class="form-control h-75 tainacan-input-search py-0 border-0" type="search" placeholder="Pesquisar">