Download as
Browse Code »

Commit 60fc51a08d5fba5d8abce9be2effca894f6bc526

Authored by Grupo Tv1
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
  Diff comments   View file @60fc51a
1 toggleOrgaosGoverno = -> 1 toggleOrgaosGoverno = ->
2 - `var i`  
3 orgaosBarra = document.getElementById('orgaos-governo-barra') 2 orgaosBarra = document.getElementById('orgaos-governo-barra')
4 linkOrgaos = document.getElementById('link-orgaos') 3 linkOrgaos = document.getElementById('link-orgaos')
5 arrayLinks = document.getElementsByClassName('link-externo-barra') 4 arrayLinks = document.getElementsByClassName('link-externo-barra')
6 - temClasse = orgaosBarra.className.indexOf('mostra-orgaos') != -1 5 + temClasse = orgaosBarra.classList.contains('mostra-orgaos')
7 if !temClasse 6 if !temClasse
8 i = 0 7 i = 0
9 while i < arrayLinks.length 8 while i < arrayLinks.length
10 - alternaClasse arrayLinks[i], 'link-discreto-fixo', 'add' 9 + arrayLinks[i].classList.add('link-discreto-fixo')
11 i++ 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 else 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 i = 0 15 i = 0
23 while i < arrayLinks.length 16 while i < arrayLinks.length
24 - alternaClasse arrayLinks[i], classes, 'drop' 17 + arrayLinks[i].classList.remove('link-discreto-fixo')
25 i++ 18 i++
  19 + setTimeout linkOrgaos.classList.remove('link-cima-barra'), 500
26 return 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 arrayLinks = document.getElementsByClassName('link-barra') 23 arrayLinks = document.getElementsByClassName('link-barra')
53 i = 0 24 i = 0
54 while i < arrayLinks.length 25 while i < arrayLinks.length
55 - alternaClasse arrayLinks[i], 'link-discreto', 'add' 26 + arrayLinks[i].classList.toggle('link-discreto')
56 i++ 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 \ No newline at end of file 29 \ No newline at end of file
recipes/default/assets/conteudo-barra_i18n.html
  Diff comments   View file @60fc51a
@@ -7,19 +7,19 @@ @@ -7,19 +7,19 @@
7 <nav id="menu-barra-brasil"> 7 <nav id="menu-barra-brasil">
8 <ul class="lista-barra-brasil"> 8 <ul class="lista-barra-brasil">
9 <li class="list-item"> 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 </li> 11 </li>
12 <li class="espacador"></li> 12 <li class="espacador"></li>
13 <li class="list-item"> 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 </li> 15 </li>
16 <li class="espacador"></li> 16 <li class="espacador"></li>
17 <li class="list-item"> 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 </li> 19 </li>
20 </ul> 20 </ul>
21 </nav> 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 </div> 23 </div>
24 <div class="orgaos-governo-barra" id="orgaos-governo-barra"> 24 <div class="orgaos-governo-barra" id="orgaos-governo-barra">
25 <div> 25 <div>
recipes/default/assets/estilo-barra.scss
  Diff comments   View file @60fc51a
@@ -211,4 +211,7 @@ $cor-fundo: #f1f1f1; @@ -211,4 +211,7 @@ $cor-fundo: #f1f1f1;
211 width: 100%; 211 width: 100%;
212 margin: 0 0 25px 0; 212 margin: 0 0 25px 0;
213 } 213 }
  214 + #barra-brasil .conteudo-barra-brasil a.botao-seta-direita{
  215 + display: block;
  216 + }
214 } 217 }
215 \ No newline at end of file 218 \ No newline at end of file