The background image for terms is too short for long terms, which causes part of the background to be missing. The code is in:

.terms ul.links li a {
  background: url(images/term_right.png) 100% 0 no-repeat;
  display: block;
  height: 20px;
  float: left;
  padding: 0 13px 0 0;
  margin: 0 0 0 -5px;
}

A simple but not very elegant solution would be to create a larger term_right.png file. A better solution would be to repeat the background, and to add a separate right part.

CommentFileSizeAuthor
example_term.png4.06 KBleop

Comments

add1sun’s picture

add1sun commented
Version: 5.x-1.x-dev » 6.x-1.x-dev
Category: task » bug
Priority: Normal » Minor

Confirmed, though i have to say that it isn't terribly common to have really, really long terms like that and the images that comes with covers most use cases.

klaasvw’s picture

klaasvw commented
Status: Active » Patch (to be ported)

The issue has been fixed in 7.x-1.x in the latest commit: http://drupalcode.org/project/deco.git/commit/ea3de09

We'll look into using CSS border-radius for styling like this in the next version. For now however I'ld like to keep the HTML clean by not adding additional redundant markup. The wider image is only a tiny difference in file size so it's a good compromise for now.

Marking this for backporting to 6.x-1.x