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