Commit 60fc51a08d5fba5d8abce9be2effca894f6bc526
1 parent
e8539f94
Exists in
master
Correção no responsivo
Showing
3 changed files
with
17 additions
and
57 deletions
Show diff stats
recipes/default/assets/barra-functions.coffee
| 1 | 1 | toggleOrgaosGoverno = -> |
| 2 | - `var i` | |
| 3 | 2 | orgaosBarra = document.getElementById('orgaos-governo-barra') |
| 4 | 3 | linkOrgaos = document.getElementById('link-orgaos') |
| 5 | 4 | arrayLinks = document.getElementsByClassName('link-externo-barra') |
| 6 | - temClasse = orgaosBarra.className.indexOf('mostra-orgaos') != -1 | |
| 5 | + temClasse = orgaosBarra.classList.contains('mostra-orgaos') | |
| 7 | 6 | if !temClasse |
| 8 | 7 | i = 0 |
| 9 | 8 | while i < arrayLinks.length |
| 10 | - alternaClasse arrayLinks[i], 'link-discreto-fixo', 'add' | |
| 9 | + arrayLinks[i].classList.add('link-discreto-fixo') | |
| 11 | 10 | i++ |
| 12 | - hoverOutLinksExternos orgaosBarra | |
| 13 | - alternaClasse orgaosBarra, 'mostra-orgaos', 'add' | |
| 14 | - alternaClasse linkOrgaos, 'link-cima-barra', 'add' | |
| 11 | + orgaosBarra.classList.add('mostra-orgaos') | |
| 12 | + linkOrgaos.classList.add('link-cima-barra') | |
| 15 | 13 | else |
| 16 | - classes = new Array | |
| 17 | - classes = [ | |
| 18 | - 'link-discreto-fixo' | |
| 19 | - 'link-cima-barra' | |
| 20 | - ] | |
| 21 | - alternaClasse orgaosBarra, 'mostra-orgaos', 'drop' | |
| 14 | + orgaosBarra.classList.remove('mostra-orgaos') | |
| 22 | 15 | i = 0 |
| 23 | 16 | while i < arrayLinks.length |
| 24 | - alternaClasse arrayLinks[i], classes, 'drop' | |
| 17 | + arrayLinks[i].classList.remove('link-discreto-fixo') | |
| 25 | 18 | i++ |
| 19 | + setTimeout linkOrgaos.classList.remove('link-cima-barra'), 500 | |
| 26 | 20 | return |
| 27 | 21 | |
| 28 | -alternaClasse = (objeto, classe, func) -> | |
| 29 | - `var index` | |
| 30 | - arr = objeto.className.split(' ') | |
| 31 | - test = classe instanceof Array | |
| 32 | - if func == 'add' | |
| 33 | - if arr.indexOf(classe) == -1 | |
| 34 | - objeto.className += ' ' + classe | |
| 35 | - else | |
| 36 | - | |
| 37 | - if test | |
| 38 | - i = 0 | |
| 39 | - while i < classe.length | |
| 40 | - index = arr.indexOf(classe[i]) | |
| 41 | - if index != -1 | |
| 42 | - arr.pop classe[i] | |
| 43 | - i++ | |
| 44 | - else | |
| 45 | - index = arr.indexOf(classe) | |
| 46 | - if index != -1 | |
| 47 | - arr.pop classe | |
| 48 | - objeto.className = arr.join(' ') | |
| 49 | - return | |
| 50 | - | |
| 51 | -hoverInLinksExternos = (objeto) -> | |
| 22 | +hoverInOutLinksExternos = (objeto) -> | |
| 52 | 23 | arrayLinks = document.getElementsByClassName('link-barra') |
| 53 | 24 | i = 0 |
| 54 | 25 | while i < arrayLinks.length |
| 55 | - alternaClasse arrayLinks[i], 'link-discreto', 'add' | |
| 26 | + arrayLinks[i].classList.toggle('link-discreto') | |
| 56 | 27 | i++ |
| 57 | - return | |
| 58 | - | |
| 59 | -hoverOutLinksExternos = (objeto) -> | |
| 60 | - arrayLinks = document.getElementsByClassName('link-barra') | |
| 61 | - i = 0 | |
| 62 | - while i < arrayLinks.length | |
| 63 | - alternaClasse arrayLinks[i], 'link-discreto', 'drop' | |
| 64 | - i++ | |
| 65 | - return | |
| 66 | - | |
| 67 | -document.onload = -> | |
| 68 | - divBarra = document.getElementById('menu-barra-brasil') | |
| 69 | - if divBarra.scrollWidth > divBarra.clientWidth | |
| 70 | - $('.botao-seta-direita').show() | |
| 71 | - return | |
| 28 | + return | |
| 72 | 29 | \ No newline at end of file | ... | ... |
recipes/default/assets/conteudo-barra_i18n.html
| ... | ... | @@ -7,19 +7,19 @@ |
| 7 | 7 | <nav id="menu-barra-brasil"> |
| 8 | 8 | <ul class="lista-barra-brasil"> |
| 9 | 9 | <li class="list-item"> |
| 10 | - <a href="http://brasil.gov.br/barra#participe" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Participe</a> | |
| 10 | + <a href="http://brasil.gov.br/barra#participe" class="link-barra link-externo-barra" onmouseover="hoverInOutLinksExternos(this);" onmouseout="hoverInOutLinksExternos(this);">Participe</a> | |
| 11 | 11 | </li> |
| 12 | 12 | <li class="espacador"></li> |
| 13 | 13 | <li class="list-item"> |
| 14 | - <a href="https://servicos.gov.br/" class="link-barra link-externo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Serviços</a> | |
| 14 | + <a href="https://servicos.gov.br/" class="link-barra link-externo-barra" onmouseover="hoverInOutLinksExternos(this);" onmouseout="hoverInOutLinksExternos(this);">Serviços</a> | |
| 15 | 15 | </li> |
| 16 | 16 | <li class="espacador"></li> |
| 17 | 17 | <li class="list-item"> |
| 18 | - <a href="javascript:toggleOrgaosGoverno();" id="link-orgaos" class="link-barra link-interno-barra link-baixo-barra" onmouseover="hoverInLinksExternos(this);" onmouseout="hoverOutLinksExternos(this);">Órgãos do Governo</a> | |
| 18 | + <a href="javascript:toggleOrgaosGoverno();" id="link-orgaos" class="link-barra link-interno-barra link-baixo-barra" onmouseover="hoverInOutLinksExternos(this);" onmouseout="hoverInOutLinksExternos(this);">Órgãos do Governo</a> | |
| 19 | 19 | </li> |
| 20 | 20 | </ul> |
| 21 | 21 | </nav> |
| 22 | - <a href="#" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a> | |
| 22 | + <a href="#" id="botao-seta-direita" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a> | |
| 23 | 23 | </div> |
| 24 | 24 | <div class="orgaos-governo-barra" id="orgaos-governo-barra"> |
| 25 | 25 | <div> | ... | ... |
recipes/default/assets/estilo-barra.scss