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 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
  Diff comments   View file @60fc51a
... ... @@ -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
  Diff comments   View file @60fc51a
... ... @@ -211,4 +211,7 @@ $cor-fundo: #f1f1f1;
211 211 width: 100%;
212 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 218 \ No newline at end of file
... ...