Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-84270

Floated image has different margins at Blogs and Web Content

    Details

      Description

      A floated image inserted into a Web Content or Blog has a default margin of 24px, margin-right when floating left and margin-left when floating right. The issue is when there's some large text the margins on the top and bottom can be unequal, so the image will have a left/right space and none at the top and bottom. 

      Steps to reproduce:

      1. Create a new Web Content or Blog
      2. Add a large text and an image
      3. Align the image to the left/right
      4. Depending on the text and image size you'll need to press Enter in the beginning/middle of the text in order to reproduce the issue.

       Actual Result: Margin applied to the left/right is fixed and may be different from the top and bottom margins. (Attached image)

       Expected Result: All the image's margins are equal besides any change in the text.

       

      PS: The default margin exists to prevent lists to overlap the image. 

        Attachments

          Activity

            People

            • Assignee:
              vitoria.mendes Vitoria Mendes
              Reporter:
              vitoria.mendes Vitoria Mendes
              Participants of an Issue:
              Recent user:
              Csaba Turcsan
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Days since last comment:
                1 year, 8 weeks, 6 days ago

                Packages

                Version Package
                7.0.0 DXP FP58
                7.0.0 DXP SP9
                7.0.X
                7.1.10 DXP FP2
                7.1.1 CE GA2
                7.1.10.1 SP1
                7.1.X
                Master