1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    3
    Vote Rating
    0
    bcraun is on a distinguished road

      0  

    Exclamation Modifying disclosure icon in a list

    Modifying disclosure icon in a list


    What's the trick to modify the disclosure icon in a list x-type? I found a few posts that describe the CSS overrides to use, but they do not work for me for some reason. The selector appears to be recognized, but the result is a solid blue box where the disclosure icon would normally be located. Here's the CSS I'm using (and the only way that I can even get the icon to change at all):


    #foo.x-list .x-list-disclosure {
    -webkit-mask-image: url('images/disclosure1.png') !important;
    width: 24px;
    height: 24px;
    -webkit-mask-size: 24px 24px;
    }

  2. #2
    Sencha User
    Join Date
    May 2011
    Location
    Switzerland
    Posts
    6
    Vote Rating
    0
    bgartenmann is on a distinguished road

      0  

    Default


    Hi bcbraun!

    I don't know how this is achieved "correctly", but this solution seems to work:
    Code:
    .x-list .x-list-disclosure {
        -webkit-mask: none;
        background-image: url('images/disclosure1.png') !important;
        background-size: 24px 24px;
        width: 24px;
        height: 24px;
    }
    Hope this helps

  3. #3
    Sencha User
    Join Date
    Jun 2011
    Posts
    3
    Vote Rating
    0
    bcraun is on a distinguished road

      0  

    Default


    Thanks bgartenmann, that did it.

Thread Participants: 1

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar