PDA

View Full Version : Toolbar theme



manvinder
16 Sep 2013, 11:26 PM
Hi all,

I have created a new UI for toolbar using sass the problem is that when I use this theme and put buttons on them the Masking doesnt works on the button (Icon should display in white due to masking) and button appears with black colored icon. If I remove the toolbar UI it works fine.

here is my code of app.scss file


$toolbar-base-color: #333333;

$button-gradient: 'flat';$button-radius: 0;

@import 'sencha-touch/default';@import 'sencha-touch/default/all';

// using the icon mixin:@incluse icon('list');@include icon('arrow_left');@include icon('arrow_right');

@include sencha-toolbar-ui('light', #CCCCCC, 'flat');


This is the how I am using toolbar



{
xtype: 'toolbar',
ui: 'light',
docked: 'top',
items: [
{
xtype: 'button',
iconCls: 'arrow_left',
iconMask: true,
ui : 'plain'
},
{
xtype: 'spacer'
},
{
xtype: 'button',
iconCls: 'arrow_right',
iconMask: true,
ui : 'plain'
}
]
}

here is what I am getting..

45829