1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed box-shadow bug in custom CSS template

Discussion in 'Resolved Bug Reports' started by Miko, Feb 15, 2011.

  1. Miko

    Miko Well-Known Member

    Here is how to set XF to reproduce the bug.

    Create a new template and name it

    apple.css

    in apple.css enter:

    Code:
    .nodeList.sectionMain {
            box-shadow: none;
    }
    /* logo margin left */
    #logo {
        margin-left: 18px;
    }

    Open > PAGE_CONTAINER template

    Look for:
    Code:
    <!--XenForo_Require:CSS-->
    Add below:

    Code:
    <xen:require css="apple.css" />

    Normally XenForo would automatically add -moz-box-shadow, -webkit-box-shadow, -khtml-box-shadow to the box-shadow CSS resulting in:

    Code:
    .nodeList.sectionMain {
            box-shadow: none;
            -moz-box-shadow: none; -webkit-box-shadow:none;  -khtml-box-shadow:none;
    }
    /* logo margin left */
    #logo {
        margin-left: 18px;
    }

    However here is what is happening:

    Code:
    .nodeList.sectionMain {
            box-shadow: none;
    }
    /* logo margin left */
    #logo {
        margin-left: 18px; -webkit-box-shadow:none; } /* logo margin left */
    #logo {
        margin-left: 18px; -moz-box-shadow:none; } /* logo margin left */
    #logo {
        margin-left: 18px; -khtml-box-shadow:none; } /* logo margin left */
    #logo {
        margin-left: 18px;
    }
    
    I have tested this with several CSS and templates and it's happening over and over.

    The CSS -moz-box-shadow, -webkit-box-shadow, -khtml-box-shadow is applied to the wrong element and duplicating it :(

    I could be wrong but it might have been working in older XeForo version prior to RC2.


    Thank you :)
     
  2. Vincent

    Vincent Well-Known Member

    Good catch :D
     
  3. Kier

    Kier XenForo Developer Staff Member

    I see why this is happening. Testing a fix now.
     
    Miko likes this.
  4. Kier

    Kier XenForo Developer Staff Member

    Fixed now.
     
  5. Miko

    Miko Well-Known Member

    Great! Are you going to post a fix or better wait for RC3?
     
  6. Klaudius

    Klaudius Member

    any ideas to do this?

    snap0006.png

    I've found this code but don't works

    Code:
    .shadow_nodelist
    {
    background: url("http://i.imgur.com/SfGlH.png") no-repeat scroll center top transparent !important;
    height: 20px;
    margin-bottom: 15px;
    display: block;
    }
     
  7. Lawrence

    Lawrence Well-Known Member

Share This Page