View Full Version : [CLOSED] CSS difference in /css/sencha-touch.css AND /css-debug/sencha-touch.css?

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.

6 Dec 2011, 8:34 AM
We are aware of the labelAlign issue. There is an open bug. I haven't checked to see if it works for hte next release.