1. #1
    Touch Premium Member
    Join Date
    Mar 2011
    Location
    Portland, OR
    Posts
    133
    Vote Rating
    5
    markwyner is on a distinguished road

      0  

    Default Can't Override Style of New Select Menu Arrow in 1.1

    Can't Override Style of New Select Menu Arrow in 1.1


    Hello,

    I've worked hard but can't find an answer for this. Version 1.1 changed the way the select menus (Ext.form.Select) are built/styled. There is this crazy mask which I find referenced on line 119 of _toolbar-forms.scss:

    Code:
    -webkit-mask: theme_image($theme-name, "select_mask.png");
    I have tried everything to remove that mask so I can get my styling back but nothing works. Here's a screen shot of what I'm seeing:



    I have changed the style of the select menu to be that darker gray, but the mask and arrow cloak my styling.

    I have tried this CSS:

    Code:
    .x-field-select {
    	-webkit-mask-box-image: none !important;
    }
    That should work but alas it does not. Please, if there's anyone who can help me find/override this I would be SO happy.

    Thanks in advance!
    -------------------------------------------
    Mark Wyner, Partner, Bunker
    http://bunkercollective.com/

  2. #2
    Touch Premium Member
    Join Date
    Mar 2011
    Location
    Portland, OR
    Posts
    133
    Vote Rating
    5
    markwyner is on a distinguished road

      0  

    Default


    Well, I never got an answer to this one. However, I painstakingly sifted through all of the possible styles in an expanded build of the SASS files to find out where that gradient was located. So I thought I'd share.

    Code:
    .x-field-select:before {
    	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255, 255, 255, 0)), color-stop(0.5, white));
    }
    So if you color the backgrounds of your select menus and want that gradient to go away, this is what you need to override.
    -------------------------------------------
    Mark Wyner, Partner, Bunker
    http://bunkercollective.com/

Similar Threads

  1. Down arrow on select boxes, colour?
    By johnwards in forum Sencha Touch 1.x: Discussion
    Replies: 6
    Last Post: 3 Jan 2011, 1:56 PM
  2. Replies: 1
    Last Post: 11 Nov 2010, 6:57 PM
  3. Textbox style override
    By bengaltgrs in forum Ext 1.x: Help & Discussion
    Replies: 0
    Last Post: 28 Sep 2007, 2:34 PM

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi