Re: [deltacloud-devel] [PATCH aggregator 2/2] Polish the main menu a bit.

From: Tomas Sedovic <tsedovic(a)redhat.com&gt; 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 {