Changes between Initial Version and Version 1 of Ticket #9133, comment 9


Ignore:
Timestamp:
Sep 30, 2013, 11:16:32 AM (9 years ago)
Author:
uGoMobi
Comment:

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #9133, comment 9

    initial v1  
    33The problem starts with width: 21px; for the button element. That makes the width of the button (box-sizing: border-box, 1px border, 1px padding) 17px while this should probably be 16px, same as the icon span.
    44
    5 The left offset is 50% of 17px = 8.5px and the half pixel seems to be the cause of the different positioning, depending on window size. Solution is to change the width to 20px. You could remove the rule .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } because they negate eachother.
     5The left offset is 50% of 17px = 8.5px and the half pixel seems to be the cause of the different positioning, depending on window size. Solution is to change the width to 20px. You could remove the rule .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } because they negate each other.
     6
     7Update: .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } is needed for other icon-only buttons that have a different width so it can't be removed.