Fix categories menu

Victor Costa
1 parent 8b917333
Showing 2 changed files with 13 additions and 44 deletions Show diff stats
categories.rhtml
style.css
 <ul id="cat_menu">
-  <% @environment.display_categories.each do |item| %>
-    <li id="category<%= item.display_color %>">
-      <%= item.name %>
+  <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do |item| %>
+    <li id="category category_<%= item.path %>" >
+      <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color || '000000'}" ) %>
     </li>
   <% end %>
 </ul><!-- fim id="cat_menu" -->
@@ -548,51 +548,20 @@ label {
     list-style: none;
     font-size: 12px;
     font-weight: bold;
-    padding: 15px 20px;
+    padding: 0px 20px;
+    height: 100%;
     text-transform: uppercase;
 }
  
-#cat_menu li#category1 {
-    color: #ba4a00
-}
-#cat_menu li#category2 {
-    color: #3b7390
-}
-#cat_menu li#category3 {
-    color: #643c67
-}
-#cat_menu li#category4 {
-    color: #826938
-}
-#cat_menu li#category5 {
-    color: #1D571F
-}
-#cat_menu li#category6 {
-    color: #017b16
-}
-#cat_menu li#category7 {
-    color: #1a55dd
-}
-#cat_menu li#category8 {
-    color: #753900
-}
-#cat_menu li#category9 {
-    color: #56762b
+#cat_menu li:hover {
+    background-color: #E1E4E4;
 }
-#cat_menu li#category10 {
-    color: #3867b7
-}
-#cat_menu li#category11 {
-    color: #00439e
-}
-#cat_menu li#category12 {
-    color: #00A0DB
-}
-#cat_menu li#category13 {
-    color: #AD6500
-}
-#cat_menu li#category14 {
-    color: #DE9200
+
+#cat_menu li a {
+    line-height: 40px;
+    width: 100%;
+    height: 100%;
+    display: block;
 }
  
 /* Search Button */
1	1	<ul id="cat_menu">
2		- <% @environment.display_categories.each do \|item\| %>
3		- <li id="category<%= item.display_color %>">
4		- <%= item.name %>
	2	+ <% @environment.top_level_categories.find(:all, :conditions => {:display_in_menu => true}).each do \|item\| %>
	3	+ <li id="category category_<%= item.path %>" >
	4	+ <%= link_to(item.name, {:controller => :search, :action => 'category_index', :category_path => item.path }, :title => item.name, :style=>"color: ##{item.display_color \|\| '000000'}" ) %>
5	5	</li>
6	6	<% end %>
7	7	</ul><!-- fim id="cat_menu" -->
...	...
...	...	@@ -548,51 +548,20 @@ label {
548	548	list-style: none;
549	549	font-size: 12px;
550	550	font-weight: bold;
551		- padding: 15px 20px;
	551	+ padding: 0px 20px;
	552	+ height: 100%;
552	553	text-transform: uppercase;
553	554	}
554	555
555		-#cat_menu li#category1 {
556		- color: #ba4a00
557		-}
558		-#cat_menu li#category2 {
559		- color: #3b7390
560		-}
561		-#cat_menu li#category3 {
562		- color: #643c67
563		-}
564		-#cat_menu li#category4 {
565		- color: #826938
566		-}
567		-#cat_menu li#category5 {
568		- color: #1D571F
569		-}
570		-#cat_menu li#category6 {
571		- color: #017b16
572		-}
573		-#cat_menu li#category7 {
574		- color: #1a55dd
575		-}
576		-#cat_menu li#category8 {
577		- color: #753900
578		-}
579		-#cat_menu li#category9 {
580		- color: #56762b
	556	+#cat_menu li:hover {
	557	+ background-color: #E1E4E4;
581	558	}
582		-#cat_menu li#category10 {
583		- color: #3867b7
584		-}
585		-#cat_menu li#category11 {
586		- color: #00439e
587		-}
588		-#cat_menu li#category12 {
589		- color: #00A0DB
590		-}
591		-#cat_menu li#category13 {
592		- color: #AD6500
593		-}
594		-#cat_menu li#category14 {
595		- color: #DE9200
	559	+
	560	+#cat_menu li a {
	561	+ line-height: 40px;
	562	+ width: 100%;
	563	+ height: 100%;
	564	+ display: block;
596	565	}
597	566
598	567	/* Search Button */
...	...