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:
              Kiyoshi Lee
              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
                  7.3.10 DXP GA1
                  Master