anj
6 Dec 2011, 12:38 AM
Hi, I don't know if it is right:
If i use the resources/css/sencha-touch.css file, there is quite a big difference in outlook.
I found it out using the labelAlign property, which does not work with the normal css/sencha-touch.css version. I had to copy the following tocss definitions to the sencha-touch.css to get it right.
/* line 336, ../themes/stylesheets/sencha-touch/default/widgets/_form.scss */
.x-label-align-top, .x-label-align-bottom {
-webkit-box-orient: vertical;
box-orient: vertical;
}
/* line 339, ../themes/stylesheets/sencha-touch/default/widgets/_form.scss */
.x-label-align-bottom {
-webkit-box-direction: reverse;
box-direction: reverse;
}
There is even more difference ... just load the two files after each other.
If i use the resources/css/sencha-touch.css file, there is quite a big difference in outlook.
I found it out using the labelAlign property, which does not work with the normal css/sencha-touch.css version. I had to copy the following tocss definitions to the sencha-touch.css to get it right.
/* line 336, ../themes/stylesheets/sencha-touch/default/widgets/_form.scss */
.x-label-align-top, .x-label-align-bottom {
-webkit-box-orient: vertical;
box-orient: vertical;
}
/* line 339, ../themes/stylesheets/sencha-touch/default/widgets/_form.scss */
.x-label-align-bottom {
-webkit-box-direction: reverse;
box-direction: reverse;
}
There is even more difference ... just load the two files after each other.