Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-3800

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

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Normal Normal
    • 8.5.1
    • 8.5.0
    • Browser Issue, Components
    • Security Level: Jimmy
    • 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; }

            rudyhuang rudyhuang
            hawk 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