[2.2][CLOSED] form-toolbar button css x-btn-click

[denkoo]

on form.css

replace



.x-form .x-form-btns-ct .x-btn-click .x-btn-right{
background-position:0 -84px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
background-position:0 -63px;
}
by




.x-form .x-form-btns-ct .x-btn-click .x-btn-right{
background-position:0 -168px;
.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
background-position:0 -147px;
}



on toolbar.css

replace



.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -147px;
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -168px;
}


by



.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}

[Condor]

This isn't a proper bugreport...

Could you explain WHY you would want to change the CSS?

[mystix]

to add on to what @condor has mentioned -- please post complete details as per 13985.

[denkoo]

You have btn-sprite

and your coordinate used for onClick is Same that onOver

the coordinate button for onPressed in form.css, toobar.css, panel.css used the same coordinate that onOver (for Left and Right only)
Center coordinate have good position on your sprite, but only right and left are wrong certainly because you use copy/paste.


Add modif in panel.css too :)

Not very Important because In your theme you don't have many difference between this two state but this will be good for all who try to change theme of ExtJs.

thank you

[brian.moeskau]

The suggested change is not correct. Your proposed offsets are the focus styles (x-btn-focus) not click styles. The reuse of the same section of the sprite for both over and click was intentional for the Ext CSS, but can certainly be overridden in custom styles if needed.