search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.68k stars 2.4k forks source link

Download-Builder Unstable/Latest: fieldcontain flipswitch variants show label and checkbox/select on two lines #8544

Open geki-yaba opened 7 years ago

geki-yaba commented 7 years ago

... with jquery 3.1.1. Whereas 1.4.5 with jquery 2.2.4 shows them on one line as expected.

My code is uploaded here: https://github.com/geki-yaba/FritzBoxPHP/tree/master/www

jquery includes start at (switch to jquery 3 and custom jquery mobile git package to see the difference): https://github.com/geki-yaba/FritzBoxPHP/blob/master/www/index.php#L34

You may add any fieldcontain flipswitch example in 'div data-role="main"': https://github.com/geki-yaba/FritzBoxPHP/blob/master/www/index.php#L164

1.4.5 places label and flipswitch next to it; git version places label and flipswitch below.

Do I miss something?

geki-yaba commented 7 years ago

Here is a reduced testcase: http://geki.selfhost.eu/hacks/flipswitch.html

geki-yaba commented 7 years ago

Hokay, it looks like the unstable version thinks that I have a narrow display (1366x768), whereas 1.4.5 thinks otherwise. I actually see that dividing line between fields.

How may I adjust the property for narrow displays?

geki-yaba commented 7 years ago

A ha, the builder forgot about jquery.mobile.forms.fieldcontain.css. Now my prefered variant works, but not all. o well, ...