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

Keep headers in page editor sidepanels sticky

Details

    Description

      When we are editing a page in page editor, the side panel headers should be sticky when we are scrolling.

      This means that for all side panels:

      • Section header, Search bar and Tabs should stay sticky while scrolling.
      • The content below will be the only scrollable area.
      • For sections without tabs, we will add a line/separator on scroll. This will make clear the separation between header and scrollable content.
      • This header should be 54px height.
      • Separator color is same as tab component line.

       

      � Steps to reproduce:

      1. Edit a page.
      2. Go to any of the sections in the side panel.
      3. The sidepanel should have enough scroll to check this behavior.

      ❌ Current behavior:

      All the content in sidepanel is scrolling.

       

      ✅ Expected behavior:

      Header, search bar and tabs should not scroll.

       

       

      Attachments

        Activity

          People

            oziel.souza Oziel Souza (Inactive)
            carolina.rodriguez Carolina Rodriguez
            Kiyoshi Lee Kiyoshi Lee
            Pablo Molina Pablo Molina
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              23 weeks, 6 days ago

              Packages

                Version Package
                7.4.3.40 CE GA40
                Master