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

navbar

This commit is contained in:
Fabiano 2018-06-11 16:51:31 -03:00
parent 4520aaf912
commit 9530a8dcbc
3 changed files with 16 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
src/assets/scss/_media_query.scss
View File

@ -1,54 +1,15 @@
nav{ nav{
&.menu-shadow{ &.menu-shadow{
.tainacan-logo{ .btn-group{
@media only screen { button{
/* @media (max-width: 360px){
margin-left: 4vw;
margin-right: 10vw;
}
@media (min-width: 370px) and (max-width: 375px){
margin-left: 4vw;
margin-right: 13vw;
}
@media (min-width: 400px) and (max-width: 414px){
margin-left: 4vw;
margin-right: 21vw;
}
@media (min-width: 768px) and (max-width: 1600px){
position: absolute;
left: 50px;
top: 1.4vh;
} */
}
}
/* .btn-group{
.dropdown-menu{
&.tainacan-dropdown-menu{
left: auto;
right: 0;
}
}
} */
/* .navbar-toggler{
@media only screen {
@media (max-width: 414px){
position: absolute;
right: 16px;
top: 12px;
}
}
} */
.navbar-nav{
flex-direction: inherit;
.nav-item{
.nav-link{
font-size: 12px; font-size: 12px;
i{ i{
font-size: 1rem; font-size: 19px;
} }
} }
} }
.max-large{
margin: 0 4.16666666667%;
} }
} }
} }

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

@ -24,6 +24,7 @@ body{
@import "_media_query"; @import "_media_query";
nav{ nav{
max-height: 50px;
&.menu-shadow{ &.menu-shadow{
box-shadow: 0 2px 9px 0 #808080a6; box-shadow: 0 2px 9px 0 #808080a6;
button{ button{
@ -46,7 +47,7 @@ nav{
> li{ > li{
&.menu-item { &.menu-item {
a{ a{
font-size: 14pt; font-size: 14px;
font-weight: 500; font-weight: 500;
&::after{ &::after{
color: #298596; color: #298596;
@ -166,7 +167,7 @@ form{
.tainacan-title-page{ .tainacan-title-page{
border-width: 2px !important; border-width: 2px !important;
.title-page{ .title-page{
font-size: 20pt; font-size: 20px;
} }
.title-back{ .title-back{
margin-top: 1rem; margin-top: 1rem;

13
src/header.php
View File

@ -13,13 +13,12 @@
</head> </head>
<body <?php body_class(); ?>> <body <?php body_class(); ?>>
<nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-1"> <nav class="navbar navbar-expand-md navbar-light bg-white menu-shadow px-0">
<div class="container-fluid pr-lg-5 max-large"> <div class="container-fluid max-large">
<?php echo tainacan_get_logo(); ?> <?php echo tainacan_get_logo(); ?>
<div class="btn-group ml-auto p-4"> <!-- Quando retirar o commentario para exibir o menu retirar o p-4 --> <div class="btn-group ml-auto">
<!-- <button type="button" class="btn btn-link text-heavy-metal px-0"><i class="mdi mdi-account-outline"></i></button> <button type="button" class="btn btn-link text-heavy-metal dropdown-toggle dropdown-toggle-split px-1 d-flex align-items-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<button type="button" class="btn btn-link text-heavy-metal dropdown-toggle dropdown-toggle-split px-1 pt-lg-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-account-outline"></i><div class="d-none d-md-inline-flex px-1">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
<div class="d-none d-md-inline-block">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
</button> </button>
<div class="dropdown-menu tainacan-dropdown-menu"> <div class="dropdown-menu tainacan-dropdown-menu">
<a class="dropdown-item" href="#">Perfil</a> <a class="dropdown-item" href="#">Perfil</a>
@ -27,7 +26,7 @@
<a class="dropdown-item" href="#">Sair</a> <a class="dropdown-item" href="#">Sair</a>
</div> </div>
<button type="button" class="btn btn-link text-heavy-metal px-1"><i class="mdi mdi-bell-outline"></i></button> <button type="button" class="btn btn-link text-heavy-metal px-1"><i class="mdi mdi-bell-outline"></i></button>
<button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="mdi mdi-help-circle-outline"></i></button> --> <button type="button" class="btn btn-link text-heavy-metal pl-1 pr-0"><i class="mdi mdi-help-circle-outline"></i></button>
</div> </div>
</div> </div>
</nav> </nav>