What is meta? ×
Meta Stack Exchange is where users like you discuss bugs, features, and support issues that affect the software powering all 128 Stack Exchange communities.

Just noticed this today. I am on Firefox 5.0 and the close x button on tags is slightly off line.

The example provided is in the meta site for Skeptics. It doesn't happen on the main site. I have also confirmed it happens in the Fitness meta.

enter image description here

share|improve this question
add comment

2 Answers 2

up vote 5 down vote accepted

For some reason, there was a discrepancy in the styling (to be precise: height) of tags between the sketchy sites and the sketchy metas. This has always been wrong, and actually always been visible: The position of the tag delete button is off in the "ignored tags" etc. sections as well.

Just that nobody ever noticed :)

It's fixed after the next build.

share|improve this answer
add comment

On the non-Meta sites, the height of the div name="null" is 28px:

<div disabled="disabled" name="null" style="width: 666px; height: 28px; opacity: 1; position: absolute; background-color: white; color: black; line-height: 28px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 12px; text-align: start; border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); border-style: solid; border-color: rgb(153, 153, 153); border-width: 1px;" class="actual-edit-overlay">&nbsp;at least one tag such as

and you see:

Discussion tag

On the Meta sites, the height of the div name="null" is 32px:

<div disabled="disabled" name="null" style="width: 666px; height: 32px; opacity: 1; position: absolute; background-color: white; color: black; line-height: 32px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 12px; text-align: start; border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); border-style: solid; border-color: rgb(153, 153, 153); border-width: 1px;" class="actual-edit-overlay">&nbsp;must include at least

and you see:

enter image description here

If you open the following two links in separate tabs:

and if you put in for both, you should be able to flip between the tabs and note that the 'x' is higher on the Meta site because the box is larger. (In other words the 'x' stays in the same place when flipping between the Meta & non-Meta sites, but the box stretches downward.

Note: on the Stack Overflow Meta site, the height is also 28px:

<div disabled="disabled" name="null" style="width: 666px; height: 28px; opacity: 1; position: absolute; background-color: white; color: black; line-height: 28px; font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; font-size: 12.8px; text-align: start; border-left: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); border-style: solid; border-color: rgb(153, 153, 153); border-width: 1px;" class="actual-edit-overlay">&nbsp;must include at least one 
share|improve this answer
1  
You win Today's active member badge ¬_¬ –  Soner Gönül Aug 8 '11 at 6:31
2  
Just FYI, that <div> is not the important div; that's just the help text overlay. But it's an exact copy of the actual div (.tag-editor), so the same thing applies. –  balpha Aug 8 '11 at 8:45
    
Thanks @balpha. –  M. Tibbits Aug 8 '11 at 11:46
add comment

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .