From: Tomas Sedovic <[email protected]>

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 {
-- 
1.6.6.1

_______________________________________________
deltacloud-devel mailing list
[email protected]
https://fedorahosted.org/mailman/listinfo/deltacloud-devel

Reply via email to