On 08/06/10 14:51 +0200, tsedovic(a)redhat.com wrote:
From: Tomas Sedovic <tsedovic(a)redhat.com>
This adds round corners to the selected menu items to the webkit-based browsers
as well. In addition, it removes the extra whitespace after each menu item.
---
src/app/views/layouts/_header.haml | 2 +-
src/public/stylesheets/components.css | 4 ++++
2 files changed, 5 insertions(+), 1 deletions(-)
diff --git a/src/app/views/layouts/_header.haml b/src/app/views/layouts/_header.haml
index f7ae295..013080b 100644
--- a/src/app/views/layouts/_header.haml
+++ b/src/app/views/layouts/_header.haml
@@ -8,7 +8,7 @@
%span Deltacloud Aggregator
%ul.nav
- menu.each do |item|
- %li{ :class => ("selected" if item[:controller] ==
controller.controller_name) }
+ %li{ :class => ("selected" if item[:controller] ==
controller.controller_name) }<
= link_to item[:text], { :controller => item[:controller], :action =>
item[:action] }
.header_info
diff --git a/src/public/stylesheets/components.css
b/src/public/stylesheets/components.css
index 770581e..99fb5d0 100644
--- a/src/public/stylesheets/components.css
+++ b/src/public/stylesheets/components.css
@@ -29,12 +29,16 @@ ul.nav li {
ul.nav li.selected {
background: #cbd6db !important;
+ border-radius: 16px;
-moz-border-radius: 16px;
+ -webkit-border-radius: 16px;
}
ul.nav li:hover {
background: #dedede;
+ border-radius: 16px;
-moz-border-radius: 16px;
+ -webkit-border-radius: 16px;
}
.header_menu_wrapper {
ACK. Looks good, applied cleanely.
-- Michal
--
--------------------------------------------------------
Michal Fojtik, mfojtik(a)redhat.com, +420 532 294 4307
Ruby / Ruby On Rails Developer
Deltacloud API:
http://deltacloud.org
--------------------------------------------------------