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

Visual feedback adjustments of hover and selection interactions of fragments and layout elements in the page editor

    Details

      Description

      Some visual adjustments to better identify elements in page and differentiate between hover and active states after introducing a new way of arranging the layout elements in the page.

      • Row and Section border color: #B3CDFF ($primary-l2)
      • Hover border color: #80ACFF ($primary-l1)
      • Drop border color: #80ACFF ($primary-l1)
      • Selected element border color: #0B5FFF ($primary)
      • Topper only visible when the element is selected. 
      • Topper background color: #0B5FFF ($primary)

      Test Scenarios

      Test Scenarios Test Strategy Kind of test Is it covered by FrontEnd ? (JS-Unit) Is it covered by BackEnd ? (unit or integration)
      Colors in the new editor are the right ones Regression Manual No No
      Topper only visible when the element is selected but not hover Smoke Manual No No

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                david.gutierrez David Gutiérrez Mesa
                Reporter:
                juan.anton Juan Anton
                Engineering Assignee:
                Sandro Chinea
                Recent user:
                Jason Pince
                Participants of an Issue:
              • Votes:
                0 Vote for this issue
                Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Packages

                  Version Package
                  7.3.1 CE GA2
                  7.3.2 CE GA3
                  Master