appMobi/jQ.Mobi — Issue #94: .ui-loader under .jQui_mask  isn't centralized
Author: kevin4byte
Created: 2012-02-20 01:36:34+00:00
State: open

I found there is a css rule at https://github.com/appMobi/jQ.Mobi/blob/master/kitchensink/jq.ui.css#L592
* { -webkit-box-sizing:border-box; box-sizing:border-box; }
This cause padding is included in width, just like IE's implementation of box model.
Here comes the problem, .ui-loader has a width of 200px, and padding-left(right) 30px. If we have the default box-sizing, the width should be 260px, but in border-box, the width still is 200px, and the content of .ui-loader becomes 140px. So, if using border-box, the value of margin-left should be -100px, not -130px, to centralize the .ui-loader.

Thanks,

Kevin Xiao