a button with a font awesome icon is higher than a default button

XMLWordPrintable

    • Type: Bug
    • Resolution: Fixed
    • Priority: Normal
    • 8.5.1
    • Affects Version/s: 8.5.0
    • Component/s: Browser Issue, Components
    • Security Level: Jimmy
    • None
    • None

      Steps to Reproduce

      1. run the zul

      <zk>
	<button label="submit"></button>
	<button label="submit" iconSclass="z-icon-search"></button>
</zk>

      Current Result

      a button with a font awesome icon is higher than a default button

      Expected Result

      both have the same height by default.

      Font awesome is a built-in icon set, users would expect it works by default without any issue. Therefore, a button with an icon should look consistent in size.

      Workaround

      .z-button i

      { font-size: 14px; }

        1. button.png
          button.png
          11 kB
        2. button-icon.png
          button-icon.png
          11 kB

            Assignee:
            rudyhuang
            Reporter:
            hawk
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 4 hours Original Estimate - 4 hours
                4h
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours
                7h