Commit 306a464f31bfb6f396e62094b704a237010fd790
1 parent
80f6ba04
Exists in
master
and in
29 other branches
ActionItem152: user menu - quase...
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1269 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
2 changed files
with
30 additions
and
14 deletions
Show diff stats
app/views/layouts/user_menu.rhtml
... | ... | @@ -21,8 +21,10 @@ |
21 | 21 | { :controller => 'admin_panel' }, :id => 'link_admin_panel' ) + |
22 | 22 | '</li>' if current_user.person.is_admin? |
23 | 23 | %> |
24 | - <li><a href="#"><span class="icon-menu-"></span><small>essa aba será 100% fechada</small></a></li> | |
25 | - <li><a href="#"><span class="icon-menu-"></span> soon...</a></li> | |
24 | + <li><%= link_to( '<span class="icon-menu-"></span>'+_('Edit Profile'), | |
25 | + :controller => 'profile_editor', :action => 'edit' ) %></li> | |
26 | + <li><%= link_to( '<span class="icon-menu-"></span>'+_('Consumed Products'), | |
27 | + :controller => 'consumed_products' ) %></li> | |
26 | 28 | </ul> |
27 | 29 | |
28 | 30 | <% else %> | ... | ... |
public/stylesheets/menu.css
... | ... | @@ -167,7 +167,7 @@ body.category3 #assets_menu_layout_iten { background: url(/images/top-bar/assets |
167 | 167 | body.category4 #assets_menu_layout_iten { background: url(/images/top-bar/assets-menu-top-vermelho.gif) } |
168 | 168 | |
169 | 169 | #assets_menu_list { |
170 | - padding: 2px 0px 6px 5px; | |
170 | + padding: 0px 0px 6px 5px; | |
171 | 171 | background: url(/images/top-bar/assets-menu-bg-azul.gif) 0% 100%; |
172 | 172 | } |
173 | 173 | body.category1 #assets_menu_list { background-image: url(/images/top-bar/assets-menu-bg-laranja.gif) } |
... | ... | @@ -180,7 +180,7 @@ body.category4 #assets_menu_list { background-image: url(/images/top-bar/assets- |
180 | 180 | padding: 0px; |
181 | 181 | overflow: hidden; |
182 | 182 | height: 56px; |
183 | - width: 165px; | |
183 | + width: 135px; | |
184 | 184 | } |
185 | 185 | |
186 | 186 | .top_extra_menu li { |
... | ... | @@ -196,8 +196,11 @@ body.category4 #assets_menu_list { background-image: url(/images/top-bar/assets- |
196 | 196 | text-decoration: none; |
197 | 197 | color: #B8CFE7; |
198 | 198 | display: block; |
199 | - padding-left: 0px; | |
199 | + padding-left: 20px; | |
200 | 200 | height: 18px; |
201 | + white-space: nowrap; | |
202 | + overflow: hidden; | |
203 | + position: relative; | |
201 | 204 | } |
202 | 205 | body.category1 #user_box a, |
203 | 206 | body.category1 .top_extra_menu a { color: #FDD79E } |
... | ... | @@ -223,13 +226,15 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF } |
223 | 226 | |
224 | 227 | #user_box a span, |
225 | 228 | .top_extra_menu a span { |
229 | + position: absolute; | |
230 | + top: 0px; | |
231 | + left: 0px; | |
226 | 232 | display: block; |
227 | 233 | width: 18px; |
228 | - height: 100%; | |
234 | + height: 18px; | |
229 | 235 | float: left; |
230 | 236 | background-repeat: no-repeat; |
231 | 237 | background-position: 50% 50%; |
232 | - margin-right: 2px; | |
233 | 238 | opacity: 0.7; |
234 | 239 | filter: alpha(opacity=70); |
235 | 240 | } |
... | ... | @@ -249,8 +254,9 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF } |
249 | 254 | } |
250 | 255 | |
251 | 256 | #open_search { |
252 | - float: right; | |
253 | - margin-right: 10px; | |
257 | + position: absolute; | |
258 | + top: 2px; | |
259 | + left: 64px; | |
254 | 260 | } |
255 | 261 | #user_box #open_search:hover { |
256 | 262 | background: none; |
... | ... | @@ -261,8 +267,8 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF } |
261 | 267 | #user_menu { |
262 | 268 | position: absolute; |
263 | 269 | top: 0px; |
264 | - right: 180px; | |
265 | - width: 130px; | |
270 | + right: 150px; | |
271 | + width: 170px; | |
266 | 272 | } |
267 | 273 | |
268 | 274 | .user_menu_first_link { |
... | ... | @@ -288,12 +294,20 @@ body.category4 .top_extra_menu a:hover { background: #CC0000; color: #FFF } |
288 | 294 | position: absolute; |
289 | 295 | top: 21px; |
290 | 296 | right: 0px; |
291 | - width: 130px; | |
292 | - max-width: 121px; | |
293 | - padding: 2px 4px 5px 5px; | |
297 | + width: 150px; | |
298 | + max-width: 140px; | |
299 | + padding: 0px 4px 5px 5px; | |
294 | 300 | margin: 0px; |
295 | 301 | border: 1px solid #FFF; |
296 | 302 | border-top: none; |
297 | 303 | background: #2A5896; |
298 | 304 | } |
305 | +#user_menu li { | |
306 | + width: 100%; | |
307 | + overflow: hidden; | |
308 | +} | |
299 | 309 | |
310 | +#user_menu a { | |
311 | + Xposition: relative; | |
312 | + Xwidth: 100%; | |
313 | +} | ... | ... |