Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-19600

Always display the footer at the bottom of the browser window

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Unresolved
    • Minor
    • None
    • None
    • Skin - UI
    • None
    • Unknown

    Description

      When a page is small enough (both the content and the left menu are not high), the XWiki footer appears to "float" in the middle of the page.


      A few CSS rules achieve the desired outcome:


      The CSS rules in question:

      html, body, #xwikimaincontainer

      {   height: 100%; }

      #xwikimaincontainerinner, #edit

      {   height: 100%;   display: flex;   flex-direction: column; }

      #contentcontainer

      {   flex: 1; }

      Attachments

        1. image-2022-04-01-15-06-25-765.png
          110 kB
          Raphaël Jakse
        2. image-2022-04-01-15-07-16-760.png
          126 kB
          Raphaël Jakse
        3. image-2022-04-01-15-08-35-989.png
          156 kB
          Raphaël Jakse
        4. image-2022-04-01-15-09-08-351.png
          171 kB
          Raphaël Jakse

        Activity

          People

            Unassigned Unassigned
            rjakse Raphaël Jakse
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated: