As a page creator I want to be able to identify clearly the different types of fragments present in the sidebar fragment tree

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Fragment Administration
• Labels:
  • d_20_08
  • fc_20_08
  • poshi_test_not_needed
• Epic/Theme:
  • Display_Pages
• Epic Link: Final UX Refinements
• Git Pull Request: https://github.com/pavel-savinov/liferay-portal/pull/613

Intro/Context:

The 3 types of fragments (or elements):

• Layouts
• Fragments
• Compositions

should be identifiable easily in the sidebar fragment structure (or fragment hierarchy) in order to help the user understand that some parts cannot be edited or moved (e.g. editables). 

When a page creator is looking at the tree made of Layout/Fragments/Compositions

Then the user is able to clearly dissociate then and know what can be edited or modified

 

Figma Mockup