Results 1 to 3 of 3

Thread: ActionSheet has white background in WP dark theme

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-4136 in a recent build.
  1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    34
    Vote Rating
    2
      0  

    Default ActionSheet has white background in WP dark theme

    REQUIRED INFORMATION


    Ext version tested:
    • Sencha 2.2.0b1


    Browser versions tested against:
    • Chrome 25


    Description:
    • ActionSheet has white background in WP dark theme


    The result that was expected:
    • ActionSheet with black background.


    The result that occurs instead:
    • ActionSheet with white background.


    Test Case:

    Code:
    var actionSheet = Ext.create('Ext.ActionSheet', {
    	items: [
    		{
    			text: 'Delete draft',
    			ui  : 'decline'
    		},
    		{
    			text: 'Save draft'
    		},
    		{
    			text: 'Cancel',
    			ui  : 'confirm'
    		}
    	]
    });


    Screenshot or Video:
    sencha-action-sheet-white.PNG

    Additional CSS used:
    • only default base.css and wp.css

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,411
    Vote Rating
    1290
      0  

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,159
    Vote Rating
    7
      0  

    Default

    Floating panels (sheets, panels, message boxes) are always white in the windows theme, even if you are using the dark version. However there were issues with the colour of the buttons, as seen in your screenshot. This has been fixed for the next release.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •