<a> renders a stacked font awesome icon with incorrect alignment

XMLWordPrintable

    • Type: Bug
    • Resolution: Fixed
    • Priority: Later
    • 8.5.0
    • Affects Version/s: 8.5.0
    • Component/s: None
    • None
    • None

      Steps to Reproduce

      1. load the zul below

       <a iconSclass="z-icon-square-o z-icon-stack-2x; z-icon-twitter z-icon-stack-1x"></a>

      Current Result

      Expected Result

      Debug Info

      Root Cause

      • caused by

      a [class^="z-icon-"],a [class*=" z-icon-"]

      { display: inline; }

      If I apply display: block, the alignment will be correct.

        1. correctAlignment.png
          correctAlignment.png
          4 kB
        2. incorrectAligment.png
          incorrectAligment.png
          4 kB

            Assignee:
            DevChu
            Reporter:
            hawk
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours, 30 minutes
                2h 30m