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

skin flamingo: improvement of the left menu

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Won't Fix
    • Major
    • None
    • 6.0.1
    • Flamingo Skin
    • None
    • Easy

    Description

      it's not good to make the position absolute on the image icon and the margin to center the image because you can't center it very well, i propose this improvement:

      .nav-stacked>li {
      float: none;
      text-align: center; /* Add this line*/
      }
      delete the position absolute here
      .applicationsPanel ul li img {
      /* position: absolute; delete the position absolute*/
      margin: 20px 0 0 0; /*delet the margin left*/
      }
      and change the padding top on 
      .applicationsPanel ul li a {
      display: block;
      font-size: 12px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 0px;  /* change the padding top*/
      text-align: center;
      text-decoration: none;
      }
      

      with this, we have a very good result with a compatibility on all web navigator

      Attachments

        1. 00000047.png
          00000047.png
          22 kB
        2. leftPanel.png
          leftPanel.png
          20 kB
        3. rightPanel.png
          rightPanel.png
          22 kB

        Issue Links

          Activity

            People

              gdelhumeau Guillaume Delhumeau
              ykebir kebir
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: