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

Menu de navegacao e breadcrumb puxados para cima

This commit is contained in:
Alvino Rodrigues 2019-03-18 17:17:18 -03:00
parent dac1bb3b43
commit 92b4dc1d5d
14 changed files with 139 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/archive-tainacan-collection.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<main role="main" class="max-large margin-one-column">
<div class="row">

2
src/archive.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<main role="main" class="mt-5 max-large margin-one-column">

2
src/assets/scss/_header-taxonomy.scss
View File

@ -149,3 +149,5 @@
}
}
}
.page-header-taxonomy--height-auto { height: auto; }

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

@ -219,6 +219,7 @@ nav{
i {
font-size: 1.1875rem;
}
.mdi-close { display: none; }
}
> .dropdown-menu {
top: calc(100% + 2px);
@ -237,6 +238,11 @@ nav{
color: #898d8f;
}
}
&.show {
.mdi-magnify { display: none; }
.mdi-close { display: block !important; }
}
}
.dropdown-menu{
.dropdown-item{
@ -246,8 +252,6 @@ nav{
}
}
&.menu-belowheader{
border-bottom-color: #cbcbcb !important;
border-bottom-width: 0.75px !important;
@media only screen and (min-width: 992px){
height: 70px;
}
@ -259,13 +263,30 @@ nav{
font-size: 0.875rem;
font-weight: 400;
color: #000;
margin-right: .5rem;
padding-left: 0;
padding-right: 0;
white-space: nowrap;
position: relative;
&::after{
color: #298596;
margin-left: 10px;
}
&:hover{
color: #000;
&:before {
content: "";
width: 100%;
height: 1px;
margin: 0;
padding: 0;
display: block;
position: absolute;
left: 0;
bottom: 0.5rem;
background-color: #8EB7BF;
}
}
&.dropdown-item{
padding-left: 1.5rem;
@ -288,6 +309,26 @@ nav{
}
}
}
@media only screen and (max-width: 768px) {
position: absolute;
top: 32px;
right: 0;
border: 1px solid #E2E2E2;
background-color: #fff;
z-index: 2;
& > ul > li.menu-item a {
margin: 0;
padding: 2px 12px 1px;
&:before { display: none !important; }
&:hover,
&:focus { background-color: #DBDBDB; }
&:active { background-color: #E4F4F6; }
}
}
}
}
@media only screen and (max-width: 768px) {
@ -311,6 +352,43 @@ nav{
}
}
.navbar { border: none; }
.navbar-box {
display: flex;
justify-content: flex-end;
align-items: center;
.dropdown-menu { border: none; }
nav.menu-belowheader #menubelowHeader > ul > li.menu-item a {
max-width: 240px;
overflow: hidden;
}
& > .navbar { margin-right: 16px; }
.mdi-menu,
.mdi-close {
margin-top: -4px;
color: #01295C !important;
}
.navbar-toggler {
outline: none;
.mdi-close { display: block; }
.mdi-menu { display: none; }
&.collapsed {
.mdi-close { display: none; }
.mdi-menu { display: block; }
}
}
}
.navbar--border-bottom {
border-bottom: 2px solid #ededed !important;
}
/*Bordar Navbar top*/
.b-bottom-top{
border-bottom: 1px solid #298596;
@ -324,12 +402,21 @@ nav{
}
.tainacan-search-form {
width: 32px;
height: 32px;
position: relative;
.input-group {
float: right !important;
transition: all 0.35s, border-radius 0s;
width: 32px;
height: 32px;
cursor: pointer;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
border: 1px solid transparent;
//box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
//border-radius: 25px;
//border: 1px solid #ccc;
@ -353,25 +440,27 @@ nav{
}
}
&:hover, &.hover {
width: 100%;
width: 350px;
//border-radius: 25px 25px 25px 25px;
border: 1px solid #ccc;
position: static;
}
.form-control-feedback {
position: absolute;
//top: -5px;
bottom: 0px;
right: -2px;
left: 5px;
top: 0;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
width: 30px;
height: 30px;
text-align: center;
color: #3596e0;
left: initial;
font-size: 1.1875rem;
&:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
}
}
}

2
src/functions/breadcrumb.php
View File

@ -21,7 +21,7 @@ function tainacan_interface_the_breadcrumb() {
} else {
echo '<nav aria-label="breadcrumb" class="d-none d-md-flex mt-3 border-bottom-0 max-large margin-one-column text-jelly-bean "><a href="' . $homeLink . '">' . $home . '</a>&nbsp;' . $delimiter . '&nbsp;';
echo '<nav aria-label="breadcrumb" class="d-md-flex mt-3 mb-3 border-bottom-0 max-large margin-one-column text-jelly-bean "><a href="' . $homeLink . '">' . $home . '</a>&nbsp;' . $delimiter . '&nbsp;';
if ( is_category() ) {
$thisCat = get_category(get_query_var('cat'), false);

35
src/header.php
View File

@ -11,10 +11,36 @@
</head>
<body <?php body_class(); ?>>
<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-0">
<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-0 navbar--border-bottom">
<div class="container-fluid max-large px-0 margin-one-column" id="topNavbar">
<?php echo tainacan_get_logo(); ?>
<div class="btn-group ml-auto">
<div class="navbar-box">
<?php if ( has_nav_menu( 'navMenubelowHeader' ) ) : ?>
<nav class="navbar navbar-expand-md navbar-light px-0 menu-belowheader" role="navigation">
<div class="container-fluid max-large px-0 margin-one-column">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- <a class="navbar-brand d-md-none" href="#"></a> -->
<button class="navbar-toggler text-heavy-metal border-0 px-2 pt-2 collapsed" type="button" data-toggle="collapse" data-target="#menubelowHeader" aria-controls="menubelowHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="mdi mdi-menu"></span>
<span class="mdi mdi-close"></span>
</button>
<?php
wp_nav_menu( array(
'theme_location' => 'navMenubelowHeader',
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'menubelowHeader',
'menu_class' => 'navbar-nav mr-auto',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker(),
) );
?>
</div>
</nav>
<?php endif; ?>
<div class="btn-group">
<form class="form-horizontal my-2 my-md-0 tainacan-search-form d-none d-md-block" [formGroup]="searchForm" role="form" (keyup.enter)="onSubmit()" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<div class="input-group">
<input type="text" name="s" placeholder="<?php esc_attr_e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50">
@ -22,7 +48,7 @@
</div>
</form>
<div class="dropdown tainacan-form-dropdown d-md-none">
<a class="btn btn-link text-midnight-blue px-1 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-magnify"></i></a>
<a class="btn btn-link text-midnight-blue px-1 dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="mdi mdi-magnify"></i><i class="mdi mdi-close"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<?php get_search_form(); ?>
@ -30,6 +56,9 @@
</div>
</div>
</div>
</div>
</nav>
<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i></a>
<?php tainacan_interface_the_breadcrumb(); ?>

2
src/index.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<main role="main" class="mt-5 max-large margin-one-column">

2
src/page.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<div class="container-fluid mt-5 max-large">
<div class="row">

2
src/single.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<main role="main" class="mt-5 max-large margin-one-column">
<div class="row">

3
src/tainacan/archive-repository.php
View File

@ -1,8 +1,7 @@
<?php get_header(); ?>
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<?php tainacan_the_faceted_search(); ?>

2
src/tainacan/header-collection.php
View File

@ -10,5 +10,3 @@
*/
?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>

3
src/tainacan/header-taxonomy.php
View File

@ -7,8 +7,5 @@
*/
?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<!-- Get the banner to display -->
<?php get_template_part( 'template-parts/headertaxonomy' ); ?>

3
src/tainacan/single-items.php
View File

@ -1,8 +1,5 @@
<?php get_header(); ?>
<!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menubellowbanner' ); ?>
<main class="mt-5 max-large margin-one-column">
<div class="row">
<div class="col col-sm mx-sm-auto">

24
src/template-parts/menubellowbanner.php
View File

@ -1,24 +0,0 @@
<?php if ( has_nav_menu( 'navMenubelowHeader' ) ) : ?>
<nav class="navbar navbar-expand-md navbar-light bg-white px-0 border-bottom menu-belowheader" role="navigation">
<div class="container-fluid max-large px-0 margin-one-column">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand d-md-none" href="#"></a>
<button class="navbar-toggler text-heavy-metal border-0 px-2 pt-2" type="button" data-toggle="collapse" data-target="#menubelowHeader" aria-controls="menubelowHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<?php
wp_nav_menu( array(
'theme_location' => 'navMenubelowHeader',
'container' => 'div',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'menubelowHeader',
'menu_class' => 'navbar-nav mr-auto',
'fallback_cb' => 'WP_Bootstrap_Navwalker::fallback',
'walker' => new WP_Bootstrap_Navwalker(),
) );
?>
</div>
</nav>
<?php endif; ?>
<?php tainacan_interface_the_breadcrumb(); ?>