marcodeltongo / thematic

Automatically exported from code.google.com/p/thematic
0 stars 0 forks source link

Highlight the menu related to content when mouseout #102

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
Highlight the menu related to content when mouseout from the menu

What is the expected output? 
I make some CSS corrections to make it work for Child Themes 

What version of the product are you using? On what operating system?
Thematic 0.9.7.7

CCS for your Child Theme in your style.css

.sf-menu .current-menu-item a,
.sf-menu .current-post-ancestor a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
   border-bottom-color:#fff;
   /* background: BLACK; choose a color */
   /* background: url("images/backbutton.gif") top left no-repeat;  or set here your background botton*/

}

Original issue reported on code.google.com by alex%con...@gtempaccount.com on 8 Dec 2010 at 12:11

GoogleCodeExporter commented 9 years ago
The normal CSS in the Thematic guidelines only works for pages, this fix works 
for all cases, posts, home, categories and custom links

Original comment by alex%con...@gtempaccount.com on 8 Dec 2010 at 12:17

GoogleCodeExporter commented 9 years ago
I would add .current-menu-parent and .current-menu-ancestor for completeness

.sf-menu .current-menu-item a,
.sf-menu .current-menu-parent a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-post-ancestor a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
   border-bottom-color:#fff;
   /* background: BLACK; choose a color */
   /* background: url("images/backbutton.gif") top left no-repeat;  or set here your background botton*/
}

This also works when using custom post types in the menu, and for custom post 
archives when adding them using a hardcoded link with an absolute path.

Original comment by invistr...@gmail.com on 31 Mar 2011 at 9:19

GoogleCodeExporter commented 9 years ago
It does not work if you click the navigation footer for Next post, then you 
lost the highlighted hoover.

The following posts belong to the same category and each menu is related to one 
category.

Are there additionally classes to highlight posts for the same category?

Something like current-cat or current-category?

Original comment by alexene...@gmail.com on 31 Mar 2011 at 9:51

GoogleCodeExporter commented 9 years ago
good points all around... Thematic needs the menu styling up to date with the 
nav menu function's attribute schema

Original comment by eugene.m...@gmail.com on 18 Jan 2012 at 1:28

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
updated menu and aside styles to include current-menu-item class.  also it 
appears that sub-items of the current-menu-item and current_page_item classes 
no longer have the page-item class but rather menu-item.  

oh and i found that text-widgets don't have a bottom margin... since the bottom 
margin is created by the ul elements.  why is it that as you fix one thing you 
find another?  grumbles.  

Original comment by helgathe...@gmail.com on 18 Jan 2012 at 3:51

Attachments:

GoogleCodeExporter commented 9 years ago
r795

Original comment by eugene.m...@gmail.com on 20 Jan 2012 at 8:34