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 --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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"> <main role="main" class="max-large margin-one-column">
<div class="row"> <div class="row">

2
src/archive.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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"> <main role="main" class="mt-5 max-large margin-one-column">

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

@ -148,4 +148,6 @@
} }
} }
} }
} }
.page-header-taxonomy--height-auto { height: auto; }

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

@ -219,6 +219,7 @@ nav{
i { i {
font-size: 1.1875rem; font-size: 1.1875rem;
} }
.mdi-close { display: none; }
} }
> .dropdown-menu { > .dropdown-menu {
top: calc(100% + 2px); top: calc(100% + 2px);
@ -237,6 +238,11 @@ nav{
color: #898d8f; color: #898d8f;
} }
} }
&.show {
.mdi-magnify { display: none; }
.mdi-close { display: block !important; }
}
} }
.dropdown-menu{ .dropdown-menu{
.dropdown-item{ .dropdown-item{
@ -246,8 +252,6 @@ nav{
} }
} }
&.menu-belowheader{ &.menu-belowheader{
border-bottom-color: #cbcbcb !important;
border-bottom-width: 0.75px !important;
@media only screen and (min-width: 992px){ @media only screen and (min-width: 992px){
height: 70px; height: 70px;
} }
@ -259,13 +263,30 @@ nav{
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 400; font-weight: 400;
color: #000; color: #000;
margin-right: .5rem;
padding-left: 0; padding-left: 0;
padding-right: 0;
white-space: nowrap;
position: relative;
&::after{ &::after{
color: #298596; color: #298596;
margin-left: 10px; margin-left: 10px;
} }
&:hover{ &:hover{
color: #000; 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{ &.dropdown-item{
padding-left: 1.5rem; 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) { @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*/ /*Bordar Navbar top*/
.b-bottom-top{ .b-bottom-top{
border-bottom: 1px solid #298596; border-bottom: 1px solid #298596;
@ -324,12 +402,21 @@ nav{
} }
.tainacan-search-form { .tainacan-search-form {
width: 32px;
height: 32px;
position: relative;
.input-group { .input-group {
float: right !important;
transition: all 0.35s, border-radius 0s; transition: all 0.35s, border-radius 0s;
width: 32px; width: 32px;
height: 32px; height: 32px;
cursor: pointer;
background-color: #fff; 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; //box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
//border-radius: 25px; //border-radius: 25px;
//border: 1px solid #ccc; //border: 1px solid #ccc;
@ -353,25 +440,27 @@ nav{
} }
} }
&:hover, &.hover { &:hover, &.hover {
width: 100%; width: 350px;
//border-radius: 25px 25px 25px 25px; //border-radius: 25px 25px 25px 25px;
border: 1px solid #ccc; border: 1px solid #ccc;
position: static;
} }
.form-control-feedback { .form-control-feedback {
position: absolute; position: absolute;
//top: -5px; top: 0;
bottom: 0px; right: 0;
right: -2px;
left: 5px;
display: block; display: block;
width: 34px; width: 30px;
height: 34px; height: 30px;
line-height: 34px;
text-align: center; text-align: center;
color: #3596e0; color: #3596e0;
left: initial;
font-size: 1.1875rem; 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 { } 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() ) { if ( is_category() ) {
$thisCat = get_category(get_query_var('cat'), false); $thisCat = get_category(get_query_var('cat'), false);

35
src/header.php
View File

@ -11,10 +11,36 @@
</head> </head>
<body <?php body_class(); ?>> <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"> <div class="container-fluid max-large px-0 margin-one-column" id="topNavbar">
<?php echo tainacan_get_logo(); ?> <?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( '/' ) ); ?>"> <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"> <div class="input-group">
<input type="text" name="s" placeholder="<?php esc_attr_e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50"> <input type="text" name="s" placeholder="<?php esc_attr_e( 'Search', 'tainacan-interface' ); ?>" class="form-control" formControlName="searchText" size="50">
@ -22,14 +48,17 @@
</div> </div>
</form> </form>
<div class="dropdown tainacan-form-dropdown d-md-none"> <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"> <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<?php get_search_form(); ?> <?php get_search_form(); ?>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</nav> </nav>
<a href="javascript:" id="return-to-top"><i class="mdi mdi-menu-up"></i></a> <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 --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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"> <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 --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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="container-fluid mt-5 max-large">
<div class="row"> <div class="row">

2
src/single.php
View File

@ -2,8 +2,6 @@
<!-- Get the banner to display --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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"> <main role="main" class="mt-5 max-large margin-one-column">
<div class="row"> <div class="row">

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

@ -1,8 +1,7 @@
<?php get_header(); ?> <?php get_header(); ?>
<!-- Get the banner to display --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/bannerheader' ); ?> <?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(); ?> <?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 --> <!-- Get the banner to display -->
<?php get_template_part( 'template-parts/headertaxonomy' ); ?> <?php get_template_part( 'template-parts/headertaxonomy' ); ?>

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

@ -1,8 +1,5 @@
<?php get_header(); ?> <?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"> <main class="mt-5 max-large margin-one-column">
<div class="row"> <div class="row">
<div class="col col-sm mx-sm-auto"> <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(); ?>