mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
Removed all instances of data-position="inline" in headers
This is a throwback to when we used to have fixed toolbars by default. Removing to avoid confusion.
This commit is contained in:
parent
229d50e872
commit
8f636e5699
6 changed files with 19 additions and 19 deletions
|
|
@ -78,7 +78,7 @@
|
|||
|
||||
<p>If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:</p>
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<a href="#" data-icon="arrow-l">Back</a>
|
||||
<h1>Default Header</h1>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
<div data-role="page" id="bar">
|
||||
|
||||
<div data-role="header" data-theme="d" data-position="inline">
|
||||
<div data-role="header" data-theme="d">
|
||||
<h1>Sample Dialogs</h1>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<p>And each of the five "swatches" applies its style consistently across all page elements, as shown below:</p>
|
||||
|
||||
<h2>Swatch A</h2>
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<h1>Header A</h1>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -54,45 +54,45 @@
|
|||
<h3>Headers</h3>
|
||||
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<h1>Bar theme "a"</h1>
|
||||
<a href="index.html" data-icon="plus" data-theme="c">New</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
|
||||
<h1>Bar theme "a"</h1>
|
||||
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="b">
|
||||
<div data-role="header" data-theme="b">
|
||||
<h1>Bar theme "b"</h1>
|
||||
<a href="index.html" data-icon="plus" data-theme="a">New</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="b">
|
||||
<div data-role="header" data-theme="b">
|
||||
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
|
||||
<h1>Bar theme "b"</h1>
|
||||
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="d">Save</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="c">
|
||||
<div data-role="header" data-theme="c">
|
||||
<h1>Bar theme "c"</h1>
|
||||
<a href="index.html" data-icon="plus" data-theme="a">New</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="c">
|
||||
<div data-role="header" data-theme="c">
|
||||
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
|
||||
<h1>Bar theme "c"</h1>
|
||||
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="d">
|
||||
<div data-role="header" data-theme="d">
|
||||
<h1>Bar theme "d"</h1>
|
||||
<a href="index.html" data-icon="plus" data-theme="a">New</a>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" data-theme="d">
|
||||
<div data-role="header" data-theme="d">
|
||||
<a href="index.html" data-icon="delete" iconpos="notext">Cancel</a>
|
||||
<h1>Bar theme "d"</h1>
|
||||
<a href="index.html" data-icon="arrow-r" data-iconpos="right" data-theme="b">Save</a>
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
|
||||
<p>The <code>footer</code> toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily <a href="bars-themes.html">set the theme swatch color</a>.</p>
|
||||
|
||||
<div data-role="footer" data-position="inline">
|
||||
<div data-role="footer">
|
||||
<h4>Footer content</h4>
|
||||
</div>
|
||||
|
||||
|
|
@ -63,7 +63,7 @@
|
|||
<p>This creates this toolbar with buttons sitting in a row</p>
|
||||
|
||||
|
||||
<div data-role="footer" class="ui-bar" data-position="inline">
|
||||
<div data-role="footer" class="ui-bar">
|
||||
<a href="index.html" data-icon="delete">Remove</a>
|
||||
<a href="index.html" data-icon="plus">Add</a>
|
||||
<a href="index.html" data-icon="arrow-u">Up</a>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
|
||||
<p>This creates a grouped set of buttons:</p>
|
||||
|
||||
<div data-role="footer" class="ui-bar" data-position="inline">
|
||||
<div data-role="footer" class="ui-bar">
|
||||
<div data-role="controlgroup" data-type="horizontal">
|
||||
<a href="index.html" data-icon="delete">Remove</a>
|
||||
<a href="index.html" data-icon="plus">Add</a>
|
||||
|
|
@ -92,7 +92,7 @@
|
|||
<p>Form elements and other content can also be added to toolbars. Here is an example of a select menu inside a footer bar:</p>
|
||||
|
||||
|
||||
<div data-role="footer" class="ui-bar" data-position="inline">
|
||||
<div data-role="footer" class="ui-bar">
|
||||
<label for="select-choice-1">Shipping:</label>
|
||||
<select name="select-choice-1" id="select-choice-1" data-theme="a">
|
||||
<option value="standard">Standard: 7 day</option>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<h1>Page title</h1>
|
||||
</div>
|
||||
|
||||
|
|
@ -69,7 +69,7 @@
|
|||
</code></pre>
|
||||
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<a href="index.html" data-icon="delete">Cancel</a>
|
||||
<h1>Edit Contact</h1>
|
||||
<a href="index.html" data-icon="check">Save</a>
|
||||
|
|
@ -85,7 +85,7 @@
|
|||
</code></pre>
|
||||
|
||||
|
||||
<div data-role="header" data-position="inline">
|
||||
<div data-role="header">
|
||||
<a href="index.html" data-icon="delete">Cancel</a>
|
||||
<h1>Edit Contact</h1>
|
||||
<a href="index.html" data-icon="check" data-theme="b">Save</a>
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
</code></pre>
|
||||
</div>
|
||||
|
||||
<div data-role="header" data-position="inline" >
|
||||
<div data-role="header" >
|
||||
<h1>Page Title</h1>
|
||||
<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue