Skip to content

Commit 5ecc1c9

Browse files
agcolomagcolom
committed
Grid-layout: Replaced ui-bar-e class where necessary
Closes gh-298
1 parent 702e48e commit 5ecc1c9

File tree

6 files changed

+24
-24
lines changed

6 files changed

+24
-24
lines changed

‎entries/grid-layout.xml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555

5656
<iframe src="/resources/grid-layout/example3.html" style="width:100%;height:130px;border:0"></iframe>
5757

58-
<p>Theme classes (not data-theme attributes) from the <a href="/classes/#theme-classes" class="ui-link">theming system</a> can be added to an element, including grids. On the blocks below, we're adding two classes: <code>ui-bar</code> to add the default bar padding and <code>ui-bar-e</code> to apply the background gradient and font styling for the "e" toolbar theme swatch. For illustration purposes, an inline <code>style="height:120px"</code> attribute is also added to each grid to set each to a standard height. </p>
58+
<p>Theme classes (not data-theme attributes) from the <a href="/classes/#theme-classes" class="ui-link">theming system</a> can be added to an element, including grids. On the blocks below, we're adding two classes: <code>ui-bar</code> to add the default bar padding and <code>ui-bar-a</code> to apply the background and font styling for the "a" toolbar theme swatch. For illustration purposes, an inline <code>style="height:120px"</code> attribute is also added to each grid to set each to a standard height. </p>
5959

6060
<iframe src="/resources/grid-layout/example4.html" style="width:100%;height:150px;border:0"></iframe>
6161

‎resources/grid-layout/example4.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
<div data-role="page" style="max-height:150px; min-height:150px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-grid-a">
29-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
30-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
29+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">Block A</div></div>
30+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">Block B</div></div>
3131
</div>
3232
</div>
3333
</div>

‎resources/grid-layout/example5.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,9 +26,9 @@
2626
<div data-role="page" style="max-height:150px; min-height:150px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-grid-b">
29-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">Block A</div></div>
30-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">Block B</div></div>
31-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">Block C</div></div>
29+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">Block A</div></div>
30+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">Block B</div></div>
31+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">Block C</div></div>
3232
</div>
3333
</div>
3434
</div>

‎resources/grid-layout/example7.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -25,10 +25,10 @@
2525
<body>
2626
<div data-role="page" style="max-height:150px; min-height:150px;">
2727
<div class="ui-grid-c">
28-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
29-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
30-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
31-
<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
28+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">A</div></div>
29+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">B</div></div>
30+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">C</div></div>
31+
<div class="ui-block-d"><div class="ui-bar ui-bar-a" style="height:120px">D</div></div>
3232
</div>
3333
</div>
3434
</body>

‎resources/grid-layout/example8.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,11 +26,11 @@
2626
<div data-role="page" style="max-height:150px; min-height:150px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-grid-d">
29-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
30-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
31-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
32-
<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:120px">D</div></div>
33-
<div class="ui-block-e"><div class="ui-bar ui-bar-e" style="height:120px">E</div></div>
29+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">A</div></div>
30+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">B</div></div>
31+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">C</div></div>
32+
<div class="ui-block-d"><div class="ui-bar ui-bar-a" style="height:120px">D</div></div>
33+
<div class="ui-block-e"><div class="ui-bar ui-bar-a" style="height:120px">E</div></div>
3434
</div>
3535
</div>
3636
</div>

‎resources/grid-layout/example9.html‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -26,15 +26,15 @@
2626
<div data-role="page" style="max-height:450px; min-height:450px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-grid-b">
29-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
30-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
31-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
32-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
33-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
34-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
35-
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:120px">A</div></div>
36-
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:120px">B</div></div>
37-
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:120px">C</div></div>
29+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">A</div></div>
30+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">B</div></div>
31+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">C</div></div>
32+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">A</div></div>
33+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">B</div></div>
34+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">C</div></div>
35+
<div class="ui-block-a"><div class="ui-bar ui-bar-a" style="height:120px">A</div></div>
36+
<div class="ui-block-b"><div class="ui-bar ui-bar-a" style="height:120px">B</div></div>
37+
<div class="ui-block-c"><div class="ui-bar ui-bar-a" style="height:120px">C</div></div>
3838
</div>
3939
</div>
4040
</div>

0 commit comments

Comments
 (0)