Uploaded image for project: 'PUBLIC - Liferay Social Office Community Edition'
  1. PUBLIC - Liferay Social Office Community Edition
  2. SOS-1234

Fluid layout (color scheme) in DocLib portlet wraps menu items in 'list' mode

    Details

      Description

      When you select Fluid layout (color scheme) in Document Library (on some SO site, to be sure it uses so-theme) and you select List View, the menus from each file / folder entry are wrapped, see screenshot. This does not happen in fixed layout of so-theme.

      Steps to reproduce:
      (1) login to SO
      (2) switch to fluid layout (stretched from left to right)
      (3) go to some SO site -> Documents
      (4) select List View mode (next to Search dialog in DocLib portlet)
      (5) reload the page, to make sure that fluid layout and list mode sticks and is freshly rendered
      (6) invoke context menu on some file / folder

      Results:
      Menu is wrapped, sometimes after icon, sometimes between words of menu items.

      When you switch to fixed layout, invoke the menu, then switch back to fluid and invoke menu again (without full reload of page) the menu is rendered correctly. Seems that the AUI componenet rendering the menu does not initially know the width of the items, so it uses some default and computes the menu position (CSS's left, inline on <div> with menu) accordingly. But when the portlet stretches to the right side of browser, there's not enough space for the menu and browser wraps the content.

      I tried to set some min-width on the '.lfr-menu-list', then no-wrap on '.lfr-menu-list a'. Both worked fine in Chrome, but not in IE. Wrapping was fixed by both in IE, but both also caused problem in IE8 – after menu was invoked, the whole page markup moved 1 pixel left in IE, and horizontal scroll bar appeared in browser.

        Attachments

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Days since last comment:
                  5 years, 50 weeks, 4 days ago