Commit c566d3afc08fbf4b7ae8f1e466d4f649d51bbdc1

Authored by Valessio Brito
1 parent 5b04457c

Ajustando links para alternar idiomas do ambiente

cabecalho-juventude.css
@@ -95,6 +95,7 @@ @@ -95,6 +95,7 @@
95 } 95 }
96 96
97 /* Site Actions */ 97 /* Site Actions */
  98 +#portal-lang,
98 #portal-siteactions { 99 #portal-siteactions {
99 display: block; 100 display: block;
100 float: right; 101 float: right;
@@ -106,6 +107,7 @@ @@ -106,6 +107,7 @@
106 text-align: center; 107 text-align: center;
107 } 108 }
108 109
  110 +#portal-lang a,
109 #portal-siteactions a { 111 #portal-siteactions a {
110 color: #FFF; 112 color: #FFF;
111 text-decoration: none; 113 text-decoration: none;
@@ -114,17 +116,22 @@ @@ -114,17 +116,22 @@
114 font-family: 'Open Sans', Arial, Helvetica, sans-serif; 116 font-family: 'Open Sans', Arial, Helvetica, sans-serif;
115 } 117 }
116 118
  119 +#portal-lang a:hover,
117 #portal-siteactions a:hover { 120 #portal-siteactions a:hover {
118 color: yellow; 121 color: yellow;
119 } 122 }
120 123
  124 +#portal-lang li,
121 #portal-siteactions li { 125 #portal-siteactions li {
122 display: inline; 126 display: inline;
123 } 127 }
124 128
  129 +#portal-lang li a:hover,
125 #portal-siteactions li a:hover { 130 #portal-siteactions li a:hover {
126 color: yellow; 131 color: yellow;
127 } 132 }
  133 +
  134 +#portal-lang li a,
128 #portal-siteactions li a { 135 #portal-siteactions li a {
129 padding: 4px 0px; 136 padding: 4px 0px;
130 } 137 }
header.html.erb
1 <div id="barra-brasil"> 1 <div id="barra-brasil">
2 - <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a> 2 + <a href="http://brasil.gov.br" style="background:#7F7F7F; height: 20px; padding:4px 0 4px 10px; display: block; font-family:sans,sans-serif; text-decoration:none; color:white; ">Portal do Governo Brasileiro</a>
3 </div> 3 </div>
4 4
5 <div class="header-content"> 5 <div class="header-content">
@@ -31,6 +31,17 @@ @@ -31,6 +31,17 @@
31 </a> 31 </a>
32 </li> 32 </li>
33 </ul> 33 </ul>
  34 + <ul id="portal-lang">
  35 + <li>
  36 + <a href="?lang=pt" class="flag-pt" alt="Português" title="Português">PT</a>
  37 + </li>
  38 + <li>
  39 + <a href="?lang=en" class="flag-en" title="English" alt="English">EN</a>
  40 + </li>
  41 + <li>
  42 + <a href="?lang=es" class="flag-en" title="Español" alt="Español">ES</a>
  43 + </li>
  44 + </ul>
34 <ul id="portal-siteactions"> 45 <ul id="portal-siteactions">
35 <li id="siteaction-accessibility"> 46 <li id="siteaction-accessibility">
36 <a href="#">Acessibilidade</a> 47 <a href="#">Acessibilidade</a>
@@ -41,8 +52,7 @@ @@ -41,8 +52,7 @@
41 <li id="siteaction-mapadosite"> 52 <li id="siteaction-mapadosite">
42 <a href="/search">Mapa do Site</a> 53 <a href="/search">Mapa do Site</a>
43 </li> 54 </li>
44 - </ul>  
45 - 55 + </ul>
46 <div id="logo"> 56 <div id="logo">
47 <a title="Juventude" href="/"> 57 <a title="Juventude" href="/">
48 <span id="portal-title">Juventude</span> 58 <span id="portal-title">Juventude</span>
@@ -93,9 +103,4 @@ @@ -93,9 +103,4 @@
93 <div id="categories_menu"> 103 <div id="categories_menu">
94 <%= theme_include 'categories' %> 104 <%= theme_include 'categories' %>
95 </div> 105 </div>
96 - <div id="participa-languages">  
97 - <a href="?lang=pt" class="flag-pt" title="Português"><span>Português</span></a>  
98 - <a href="?lang=en" class="flag-en" title="English"><span>English</span></a>  
99 - <a href="?lang=es" class="flag-en" title="Español"><span>Español</span></a>  
100 - </div>  
101 </div> 106 </div>
@@ -3109,26 +3109,8 @@ body.action-embed-index { @@ -3109,26 +3109,8 @@ body.action-embed-index {
3109 3109
3110 /* * Internacionalização * */ 3110 /* * Internacionalização * */
3111 3111
3112 -#participa-languages {  
3113 - position: absolute;  
3114 - top: 12px;  
3115 - right: 10px;  
3116 - padding: 0px;  
3117 - z-index: 100; 3112 +#portal-lang {
  3113 + font-size: 0.88em;
  3114 + margin-left: 15px;
3118 } 3115 }
3119 3116
3120 -#participa-languages a {  
3121 - color: #333;  
3122 - text-decoration: none;  
3123 - cursor: pointer;  
3124 - background-repeat: no-repeat;  
3125 - display: inline-block;  
3126 - height: 17px;  
3127 - width: 25px;  
3128 - margin-left: 5px;  
3129 -}  
3130 -  
3131 -.flag-en { background-image: url(images/flag-en.png) }  
3132 -.flag-pt { background-image: url(images/flag-pt_br.png) }  
3133 -  
3134 -#participa-languages a span{ display: none }