Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-59458

Page Operations Menu display can be too long for low-resolution settings

    XMLWordPrintable

Details

    Description

      Issue Summary

      If the resolution of a device is set very low, when viewing a page, the '...' (Page Operations Menu) can be too long, and it is not possible to scroll all the way to the end.

      Steps to Reproduce

      1. Open a Confluence page in your browser. It should be a very short page, with only 1 line of text perhaps.
      2. Re-size the browser window to be quite short - less than 600pixels
      3. Click the '...' menu on a Confluence page

      Expected Results

      The menu would be scrollable and all options would be visible

      Actual Results

      The menu is too long to display on screen, but you cannot scroll down to the bottom options.

      Workaround

      In Confluence, go to the 'Stylesheet', and edit the 'Global Stylesheet' to contain the following:

      #action-menu {
          overflow: auto;
          max-height: 250px;
      } 

      You can play with the max-height setting to be bigger or smaller, depending on what resolution you need it to work on.  This will force the menu to be much shorter in height, but it will be scrollable.

      If you don't see any differences after setting the custom CSS on the Stylesheets page, attempt the following steps instead:

      1. Remove the custom CSS from the Stylesheets page
      2. Go to General Configuration > Custom HTML and insert the following code in the At end of the HEAD textbox:
        <style type="text/css">
            #action-menu {  
            overflow: auto;  
            max-height: 250px;  
            }
        </style>
        
      3. Save and test the results

      Attachments

        Issue Links

          Activity

            People

              8b5c2ab424ac Jing Zheng
              jbentrup Jason B
              Votes:
              18 Vote for this issue
              Watchers:
              23 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: