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

Use correct icon in image upload in blog edition



      Steps to reproduce

      1. Blog
      2. + button to create a new blog
      3. Select file to upload blog image
      4. Select image from file list
      5. Click add to add an image to a blog post



      There are a few problems here    

      1. Use the correct lexicon icon for the button
      2. Align and button style
      3. Use same metaphor for the same action

      I’m only able to edit image when I can first upload an image

      I can’t access edit image feature after I already uploaded the image

      Current behavior

      • Not using the correct lexicon icon
      • Icons are not aligned ( Reload icon used to represent change image action, while in Alloy editor Picture icon is used to represent add image icon )
      • Icon not representing correct action  ( Trash icon in Lexicon represent item going to recycle bin, In this case, the item is not going to recycle bin, the image will be removed therefore should be changed for an icon that the represent correct action.

      see Lexicon definition, https://lexicondesign.io/docs/patterns/actionsDefinition.html



      ( This is a Alloy Editor in blog edition, where it's used picture icon for the similar type of action )



      Expected behavior 


      The icon representing image change action: picture

      The icon representing remove action: times-circle

      See detail in this mockup








            • Votes:
              0 Vote for this issue
              2 Start watching this issue


              • Created:
                Days since last comment:
                1 year, 12 weeks, 3 days ago


                Version Package