diff --git a/css/structure/jquery.mobile.button.css b/css/structure/jquery.mobile.button.css index 71b9480..ea49e4a 100644 --- a/css/structure/jquery.mobile.button.css +++ b/css/structure/jquery.mobile.button.css @@ -1,10 +1,11 @@ .ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 0; padding: 0; } .ui-mini { margin-top: .25em; margin-bottom: .25em; } .ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, -.ui-block-a > .ui-btn, .ui-block-b > .ui-btn, .ui-block-c > .ui-btn, .ui-block-d > .ui-btn, .ui-block-e > .ui-btn { margin-right: 5px; margin-left: 5px; } +.ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn { margin-right: 5px; margin-left: 5px; } .ui-btn-inner { font-size: 16px; padding: .6em 20px; min-width: .75em; display: block; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; zoom: 1; } .ui-btn input, .ui-btn button { z-index: 2; } .ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; vertical-align: middle; } +.ui-mobile .ui-btn-left, .ui-mobile .ui-btn-right { margin: 0; } /* .ui-mobile to increase specificity level */ .ui-btn-block { display: block; } .ui-header > .ui-btn, diff --git a/css/structure/jquery.mobile.controlgroup.css b/css/structure/jquery.mobile.controlgroup.css index 6d02319..3d355ae 100644 --- a/css/structure/jquery.mobile.controlgroup.css +++ b/css/structure/jquery.mobile.controlgroup.css @@ -4,7 +4,6 @@ .ui-bar .ui-controlgroup { margin: 0 5px; } .ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .4em; } -.ui-controlgroup-controls { display: block; width: 100%;} .ui-controlgroup li { list-style: none; } .ui-controlgroup-vertical .ui-btn, .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } @@ -14,13 +13,15 @@ .ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; } .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 20px; padding: .6em 20px .6em 20px } .ui-controlgroup-horizontal .ui-btn-icon-notext .ui-btn-inner { width: 18px; } -.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; } +.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner, +.ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner, +.ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; } .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; } .ui-controlgroup-horizontal .ui-controlgroup-controls:before, .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; } .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; } -.ui-controlgroup-horizontal .ui-controlgroup-controls { zoom: 1; } +.ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; zoom: 1; } .ui-controlgroup-horizontal .ui-btn-inner { text-align: center; } .ui-controlgroup-horizontal.ui-mini .ui-btn-inner { height: 16px; line-height: 16px; } .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select, diff --git a/css/structure/jquery.mobile.core.css b/css/structure/jquery.mobile.core.css index 197a5bf..dc37d84 100644 --- a/css/structure/jquery.mobile.core.css +++ b/css/structure/jquery.mobile.core.css @@ -4,7 +4,7 @@ .ui-mobile a img, .ui-mobile fieldset { border-width: 0; } /* responsive page widths */ -.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } +.ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* Issue #2066 */ body.ui-mobile-viewport, div.ui-mobile-viewport { overflow-x: hidden; } diff --git a/css/structure/jquery.mobile.forms.slider.css b/css/structure/jquery.mobile.forms.slider.css index 4c92457..9661654 100644 --- a/css/structure/jquery.mobile.forms.slider.css +++ b/css/structure/jquery.mobile.forms.slider.css @@ -4,8 +4,9 @@ input.ui-slider-input, input.ui-slider-input.ui-mini, .ui-field-contain input.ui-slider-input.ui-mini { width: 45px; margin: .25em 0; font-size: 14px; } .ui-field-contain input.ui-slider-input { margin: 0; } -/* To do: Exclude ui-slider-input from textinput widget initSelector. The class ui-input-text is added to the slider input and label. When this is fixed, the rule below can be deleted. */ input.ui-slider-input, .ui-field-contain input.ui-slider-input { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } +/* Fixes input fields being to small on Safari/Mac because of the up and down arrows. */ +.ui-slider-input::-webkit-outer-spin-button { margin: 0; } select.ui-slider-switch { display: none; } div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 65%; } div.ui-slider-mini { height: 12px; margin-left: 10px; top: 2px; } diff --git a/docs/_assets/css/jqm-docs.css b/docs/_assets/css/jqm-docs.css index c2eb5ea..2dd55ec 100644 --- a/docs/_assets/css/jqm-docs.css +++ b/docs/_assets/css/jqm-docs.css @@ -145,7 +145,6 @@ dd h4 { margin:15px 0 0 0; } .localnav { margin:0 0 20px 0; - overflow:hidden; } .localnav li { float:left; diff --git a/docs/lists/docs-lists.html b/docs/lists/docs-lists.html index 99d37d5..6abe2f9 100644 --- a/docs/lists/docs-lists.html +++ b/docs/lists/docs-lists.html @@ -81,7 +81,7 @@

Autodividers

Une liste peut être configurée pour générer automatiquement des séparateurs pour ces éléments. Cela est possible en ajoutant un attribut data-autodividers="true" à n'importe quelle liste.

-

Par défaut, le texte utilisé pour créer des séparations est la première lettre en majuscule du texte du lien de l'élément (pour les listes de liens) ou le texte de l'élément (pour les listes en lecture seule). Alternativement, si vous utilisez des éléments de liste formatée, vous pouvez spécifier le texte diviseur en définissant l'option autodividersSelector sur la liste par programmation. Par exemple, pour ajouter un sélecteur personnalisé à l'élément avec id="mylistview" :

+

Par défaut, le texte utilisé pour créer des séparations est la première lettre en majuscule du texte de l'élément. Alternativement, vous pouvez spécifier un texte de séparation en paramétrant l'option autodividersSelector sur la liste par programmation. Par exemple, pour ajouter un sélecteur personnalisé à l'élément avec id="mylistview" :


 $("#mylistview").listview({
@@ -97,6 +97,8 @@ 

Autodividers

});
+

Notez que si vous utilisez des éléments de liste formatés qui contiennent un élément flottant (par exemple ui-li-aside), cet élément précède ses frères et sœurs quelle que soit l'ordre dans votre balisage HTML. De ce fait, le premier caractère de l'élément flottant est utilisé comme texte de séparation. Par conséquent, il est recommandé de spécifier le texte de séparation dans ce cas.

+

Si de nouveaux éléments sont ajoutés ou retirés de la liste, les séparateurs ne sont pas automatiquement mis à jour : vous devez appeler refresh() sur la liste pour redessiner les séparateurs.

Exemple Autodividers diff --git a/docs/lists/lists-autodividers.html b/docs/lists/lists-autodividers.html index aa8634b..ff282a4 100644 --- a/docs/lists/lists-autodividers.html +++ b/docs/lists/lists-autodividers.html @@ -59,7 +59,7 @@

Aussi dans cette rubrique