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

cachecontents.jsp CSS is broken

    XMLWordPrintable

Details

    Description

      Summary

      As per the attached screenshot, the page /admin/cachecontents.jsp is visually unusable.

      Steps to Reproduce

      1. Access the specific url: <confluence-url>/admin/cachecontents.jsp

      Expected Results

      • Page should load properly, like this:

      Actual Results

      • Page is broken:

      Workaround 1

      1. Open <confluence-install>/confluence/admin/cachecontents.jsp in a text editor
      2. Find the CSS in the <head></head> section
             .selection {
                     position: absolute;
                     top: 0;
                      left: 10px;
                      width: 380px;
                      font-size: .9em;
                  }
        
      3. Comment out position: absolute; with // CSS comments, like this
             .selection {
                     // position: absolute;
                     top: 0;
                      left: 10px;
                      width: 380px;
                      font-size: .9em;
                  }
        
      4. Save the page

      Workaround 2

      1. Open the page on Chrome or other browser with a plugin similar to developer tools
      2. Go to the broken page <confluence-url>/admin/cachecontents.jsp
      3. Open the Developer Tools (Options > More Tools > Developer Tools)
      4. Click on the icon to inspect an element:
      5. Hover the cursor to the part of the page using div.selection and click on it:
      6. Make sure that the Developer Tools is on the Elements tab so that it will show the CSS and the HTML of the section you've just selected
      7. On the Styles part in the developer tools you'll see this:
        .selection {
          position: absolute;
          top: 0;
          left: 10px;
          width: 380px;
          font-size: .9em;
        }
        
      1. Uncheck the position: absolute; checkbox:
      2. Close the Developer Tools.

      This will break once you click on any of those links, since the CSS will be reloaded, but it helps understanding the options there.

      Attachments

        1. Screen Shot 2015-07-13 at 16.27.25.png
          Screen Shot 2015-07-13 at 16.27.25.png
          644 kB
        2. result.png
          result.png
          202 kB
        3. InspectElement.png
          InspectElement.png
          4 kB
        4. step2.png
          step2.png
          26 kB
        5. step1.png
          step1.png
          408 kB

        Issue Links

          Activity

            People

              Unassigned Unassigned
              b8479dcaf688 Adrien Ragot 2
              Votes:
              4 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated: