Opened 13 years ago

Closed 13 years ago

Last modified 8 years ago

#4447 closed bug (wontfix)

UI Icons are not even, causes misaligned buttons — at Version 4

Reported by: epascarello Owned by:
Priority: major Milestone: none
Component: ui.css-framework Version: 1.7.1
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by scottjehl)

Place an East and West arrow icon side by side. When you look at the arrow icons you will see they are all on a different y axis. Seems like they were rotated on a wrong central point.
.ui-icon-triangle-1-e
.ui-icon-triangle-1-w

You can see an example on the Grid mock-up: http://jquery-ui.googlecode.com/svn/branches/dev/grid/tests/static/grid/default.html

I attached a blown up version showing how off the arrows are when looking at ui-icons_222222_256x240.png.

As a temp fix, the CSS can be adjusted so the sprite is lined up correctly.

Change History (7)

Changed 13 years ago by epascarello

Attachment: arrowsBadlyLinedUp.PNG added

comment:1 Changed 13 years ago by rdworth

Component: ui.coreCSS Framework
Milestone: TBD1.8

Changed 13 years ago by andreas

Changed 13 years ago by andreas

Attachment: fixed_icons_optipngd_o7.zip added

comment:2 Changed 13 years ago by epascarello

The changes andreas made to the buttons appears to fix the alignment issue with the east/west arrows.

When checking this, I noticed that the North and South arrows .ui-icon-triangle-1-n .ui-icon-triangle-1-s and not centered in the x direction. It appears that the width can not be divided evenly in the icon width.

comment:3 in reply to:  2 Changed 13 years ago by andreas

Replying to epascarello:

The changes andreas made to the buttons appears to fix the alignment issue with the east/west arrows.

When checking this, I noticed that the North and South arrows .ui-icon-triangle-1-n .ui-icon-triangle-1-s and not centered in the x direction. It appears that the width can not be divided evenly in the icon width.

The east/west aren't vertical aligned either because of icon height.

comment:4 Changed 13 years ago by scottjehl

Description: modified (diff)
Resolution: fixed
Status: newclosed

fixed in revs 1001,1002,1003 in website svn

Note: See TracTickets for help on using tickets.