Skip to content

Commit d6820b0

Browse files
agcolomagcolom
committed
Checkboxradio: fixed height of iframes
Closes gh-234
1 parent 2b3a05c commit d6820b0

File tree

6 files changed

+20
-20
lines changed

6 files changed

+20
-20
lines changed

‎entries/checkboxradio.xml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
<label for="checkbox-1">I agree</label>
1717
]]></code></pre>
1818
<p>The above snippets will produce two basic checkboxes. The default styles will set the width of the element to 100% of the parent container.
19-
<iframe src="/resources/checkbox/example1.html" style="width:100%;height:120px;border:0px"></iframe></p>
19+
<iframe src="/resources/checkbox/example1.html" style="width:100%;height:130px;border:0px"></iframe></p>
2020

2121
<h3>Mini version</h3>
2222

@@ -46,7 +46,7 @@
4646
</fieldset>
4747
</div>
4848
]]></code></pre>
49-
<iframe src="/resources/checkbox/example3.html" style="width:100%;height:100px;border:0px"></iframe>
49+
<iframe src="/resources/checkbox/example3.html" style="width:100%;height:120px;border:0px"></iframe>
5050

5151
<h3>Vertically grouped checkboxes</h3>
5252

@@ -71,7 +71,7 @@
7171
</div>
7272
]]></code></pre>
7373

74-
<iframe src="/resources/checkbox/example4.html" style="width:100%;height:220px;border:0px"></iframe>
74+
<iframe src="/resources/checkbox/example4.html" style="width:100%;height:240px;border:0px"></iframe>
7575

7676
<h3>Horizontal toggle sets</h3>
7777

@@ -123,7 +123,7 @@
123123
]]></code></pre>
124124

125125
<p>This will produce a vertically grouped radio button set. The default styles set the width of the button group to 100% of the parent container and stacks the label on a separate line.
126-
<iframe src="/resources/radiobutton/example1.html" style="width:100%;height:210px;border:0px"></iframe></p>
126+
<iframe src="/resources/radiobutton/example1.html" style="width:100%;height:240px;border:0px"></iframe></p>
127127

128128
<h3>Mini version</h3>
129129

@@ -169,7 +169,7 @@
169169
</div>
170170
]]></code></pre>
171171

172-
<iframe src="/resources/radiobutton/example3.html" style="width:100%;height:210px;border:0px"></iframe>
172+
<iframe src="/resources/radiobutton/example3.html" style="width:100%;height:230px;border:0px"></iframe>
173173

174174
<h3>Horizontal radio button sets</h3>
175175

‎resources/checkbox/example1.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<style>
1212
html, body { padding: 0; margin: 0; }
1313
html, .ui-mobile, .ui-mobile body {
14-
height: 115px;
14+
height: 125px;
1515
}
1616
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 115px;
17+
min-height: 125px;
1818
}
1919
.ui-content{
2020
padding:10px 15px 0px 15px;
@@ -23,7 +23,7 @@
2323
</head>
2424

2525
<body>
26-
<div data-role="page" style="max-height:120px; min-height:120px;">
26+
<div data-role="page" style="max-height:130px; min-height:130px;">
2727
<div role="main" class="ui-content">
2828
<form>
2929
<label><input type="checkbox" name="checkbox-0" /> I agree </label>

‎resources/checkbox/example3.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<style>
1212
html, body { padding: 0; margin: 0; }
1313
html, .ui-mobile, .ui-mobile body {
14-
height: 95px;
14+
height: 115px;
1515
}
1616
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 95px;
17+
min-height: 115px;
1818
}
1919
.ui-content{
2020
padding:10px 15px 0px 15px;
@@ -23,7 +23,7 @@
2323
</head>
2424

2525
<body>
26-
<div data-role="page" style="max-height:100px; min-height:100px;">
26+
<div data-role="page" style="max-height:120px; min-height:120px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-field-contain">
2929
<form>

‎resources/checkbox/example4.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<style>
1212
html, body { padding: 0; margin: 0; }
1313
html, .ui-mobile, .ui-mobile body {
14-
height: 215px;
14+
height: 235px;
1515
}
1616
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 215px;
17+
min-height: 235px;
1818
}
1919
.ui-content{
2020
padding:10px 15px 0px 15px;
@@ -23,7 +23,7 @@
2323
</head>
2424

2525
<body>
26-
<div data-role="page" style="max-height:220px; min-height:220px;">
26+
<div data-role="page" style="max-height:240px; min-height:240px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-field-contain">
2929
<form>

‎resources/radiobutton/example1.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<style>
1212
html, body { padding: 0; margin: 0; }
1313
html, .ui-mobile, .ui-mobile body {
14-
height: 205px;
14+
height: 235px;
1515
}
1616
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 205px;
17+
min-height: 235px;
1818
}
1919
.ui-content{
2020
padding:10px 15px 0px 15px;
@@ -23,7 +23,7 @@
2323
</head>
2424

2525
<body>
26-
<div data-role="page" style="max-height:210px; min-height:210px;">
26+
<div data-role="page" style="max-height:240px; min-height:240px;">
2727
<div role="main" class="ui-content">
2828
<form>
2929
<fieldset data-role="controlgroup">

‎resources/radiobutton/example3.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@
1111
<style>
1212
html, body { padding: 0; margin: 0; }
1313
html, .ui-mobile, .ui-mobile body {
14-
height: 205px;
14+
height: 225px;
1515
}
1616
.ui-mobile, .ui-mobile .ui-page {
17-
min-height: 205px;
17+
min-height: 225px;
1818
}
1919
.ui-content{
2020
padding:10px 15px 0px 15px;
@@ -23,7 +23,7 @@
2323
</head>
2424

2525
<body>
26-
<div data-role="page" style="max-height:210px; min-height:210px;">
26+
<div data-role="page" style="max-height:230px; min-height:230px;">
2727
<div role="main" class="ui-content">
2828
<div class="ui-field-contain">
2929
<form>

0 commit comments

Comments
 (0)