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 @@
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.
Ce plugin sera auto-initialiser sur n'importe quelle page qui contient un div avec l'attribut data-role="popup"
. Cependant, si nécessaire, vous pouvez appeler directement le plugin popup
sur n'importe quel sélecteur, comme n'importe quel plugin jQuery et travailler par programmation avec l'API du popup via les options, les méthodes et les événements :
-$('#myPopupDiv').popup();
+$( "#myPopupDiv" ).popup();
En utilisant la configuration basée sur le balisage, lorsqu'un lien avec data-rel="popup"
est touché, le conteneur du popup correspondant à l'id référencé dans le href
du lien sera affiché. Pour ouvrir un popup par programmation, appelez le popup avec la méthode open
sur le conteneur du popup :
-$('#myPopupDiv').popup("open")
+$( "#myPopupDiv" ).popup( "open" )
Les popups peuvent être fermés soit en cliquant en dehors du widget popup, soit en pressant la touche Esc
. Les popups peuvent aussi être fermés via la méthode close
:
-$('#myPopupDiv').popup("close")
+$( "#myPopupDiv" ).popup( "close" )
Pour ajouter un bouton fermer explicite au popup, ajoutez un lien avec le rôle button dans le conteneur du popup avec un attribut data-rel="back"
qui fermera le popup lorsqu'il sera touché. Nous avons créer des classes d'aide pour positionner les boutons dans le coin supérieur gauche (ui-btn-left
) ou le coin supérieur droit (ui-btn-right
) du popup, mais vous devrez peut-être modifier ou ajouter ces styles de positionnement selon votre conception. Nous recommandons de'ajouter un espacement de contenu standard pour la popup pour faire de la place pour les boutons (voir la section suivante).
Je suis une simple popup.
-Lorsque vous lancez le popup depuis l'un des boutons, la data-transition
donnée pour ce bouton sera utilisée. Toutefois, si vous lancez la popup par par programmation, comme $("#transitionExample").popup("open")
, l'attribut data-transition
spécifié dans la définition de la popup sera utilisé si elle est définie.
Lorsque vous lancez le popup depuis l'un des boutons, la data-transition
donnée pour ce bouton sera utilisée. Toutefois, si vous lancez la popup par par programmation, comme $("#transitionExample").popup("open")
, l'attribut data-transition
spécifié dans la définition de la popup sera utilisé si elle est présente.
Le framework ne prend pas en charge le chaînage des popups car il n'est pas possible d'intégrer un lien d'un popup à l'intérieur d'un autre popup. Tous les liens avec data-rel="popup"
à l'intérieur d'un popup ne fera rien du tout.
Cela signifie également que des menus de sélection ne fonctionneront pas à l'intérieur des popups, car ils sont eux-mêmes implémentés en utilisant des popups. Si vous placez un menu de sélection dans une popup, il sera rendu sous la forme d'un menu natif de sélection, même si vous spécifiez data-native-menu="false"
.