Uploaded image for project: 'Hippo CMS'
  1. Hippo CMS
  2. CMS-12733

Improve component overlay

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Normal
    • Resolution: Outdated
    • None
    • None
    • channel-manager

    Description

      Scenario

      1. Add a component or edit a component parametre
      2. Login with another user and go to page with the changed component
      3. Toggle on both overlays: component and content

      Problem

      The 'content' dial button hovers over the 'lock' icon; you can no longer see it

      Solution (see attached designs)

      When the component overlay is toggled 'on':

      • The 'lock' icon and text (which appears on hover) is removed from the top-right of the container
      • The 'lock' icon and container name (in grey) is added to the left-corner of the container (above the container)
        • If a user hovers over the lock icon the container name text disappears and is replaced by 'Locked by [userid]'
      • Component names are displayed (in blue) at the top-left of the component and within the container boundary. An experiment 'flask' icon is shown beside the component name IF an experiment is running on the component
        • If a user hovers over the experiment flask icon the component name text disappears and is replaced by the experiment status (created, running or completed)

      NOTE: in this new solution the 'lock' and experiment 'flask' icons are smaller so that height of the blue/grey rectangle is the same height for components /containers with and without an icon

      Attachments

        1. Screenshot 2017-12-21 13.39.40.png
          Screenshot 2017-12-21 13.39.40.png
          134 kB
        2. with_content_overlay.png
          with_content_overlay.png
          129 kB
        3. without_content_overlay.png
          without_content_overlay.png
          128 kB
        4. component_overlay_hover.png
          component_overlay_hover.png
          231 kB
        5. page_with_component_and_content_overlays.png
          page_with_component_and_content_overlays.png
          254 kB
        6. page_without_overlays.png
          page_without_overlays.png
          211 kB
        7. component_overlay.png
          component_overlay.png
          244 kB

        Issue Links

          Activity

            People

              cdekort Carolien de Kort
              asolod Andrey Solod (Inactive)
              UX Issues UX Issues
              Votes:
              0 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: