Primary links jump

jandoemen - February 6, 2007 - 22:52
Project:Barron
Version:5.x-1.1
Component:Miscellaneous
Category:bug report
Priority:minor
Assigned:jwolf
Status:closed
Description

I noticed that when hovering on the links of the "Primary links" that the links were moving by 1 px. To fix that jumping just add the padding-right and padding-left lines in the #nav li a lines. Note that the #nav li a:hover must be 1 less than the #nav li a line.

Hope this is interesting for someone.

#nav li a {                                                                                                                        
        border: medium none;                                                                                                       
        padding: 6px 10px;                                                                                                         
        color: #ccc;                                                                                                               
        text-decoration: none;                                                                                                     
        font-weight: normal;                                                                                                       
        padding-right: 4px;                                                                                                        
        padding-left: 4px;                                                                                                         
}                                                                                                                                  

#nav li a:hover {                                                                                                                  
        border: medium none;                                                                                                       
        background: #7B0505 none repeat;                                                                                           
        color: #fff;                                                                                                               
        padding-right: 3px;                                                                                                        
        padding-left: 3px;                                                                                                         
        border-left: 1px solid #ddd;                                                                                               
        border-right: 1px solid #ddd;                                                                                              
}

#1

jwolf - February 7, 2007 - 02:10
Assigned to:Anonymous» jwolf

Some might call this a feature and not a bug. :)

Thanks. I'll fix this in the next release.

#2

jwolf - February 8, 2007 - 16:36
Status:active» fixed

Fixed in 5.x-1.x-dev version.
I added just a bit more padding to the primary links to give them room to breathe.

#3

Anonymous - February 22, 2007 - 16:45
Status:fixed» closed
 
 

Drupal is a registered trademark of Dries Buytaert.