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

Navbar height is increased by 5px on small device (<768px)

    XMLWordPrintable

Details

    • Unknown
    • N/A
    • N/A

    Description

      The top navbar is normally 50px height, but once on a screen below 768px, it get increased to 55px. I tracked down the issue to this CSS rule:

      .navbar-nav {
    margin: 7.5px -15px;
}

      With a 5px margin, it looks ok.

      Attachments

        1. bigger768.png
          29 kB
          Ecaterina Moraru (Valica)
        2. screenshot-1.png
          24 kB
          Simon Urli
        3. screenshot-2.png
          22 kB
          Simon Urli
        4. Screenshot from 2024-11-21 15-07-16.png
          159 kB
          Charpentier Lucas
        5. Screenshot from 2024-11-21 15-07-29.png
          159 kB
          Charpentier Lucas
        6. Screenshot from 2024-11-21 15-07-52.png
          157 kB
          Charpentier Lucas
        7. small768.png
          27 kB
          Ecaterina Moraru (Valica)

        Issue Links

          relates to

          Bug - A problem which impairs or prevents the functions of the product. XWIKI-12822 Navigation bar Height change influence the position of 3 icons

          • Minor - Minor loss of function, or other problem where easy workaround is present.
          • Open

          Activity

            People

              Lucas C Charpentier Lucas
              softec Denis Gervalle
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: