Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-22 23:24:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

moved page and dialog styling to qunit css to remove repition and make sure that its consistent across pages

Browse source
This commit is contained in:
John Bender 2011-02-05 21:22:50 -08:00
parent fb9c7d03b3
commit cbd1eb7ac9
7 changed files with 20 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
external/qunit.css vendored
View file

@ -27,7 +27,7 @@
font-size: 1.5em;
line-height: 1em;
font-weight: normal;
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-top-right-radius: 15px;
@ -79,13 +79,13 @@
#qunit-tests ol {
margin-top: 0.5em;
padding: 0.5em;
background-color: #fff;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
box-shadow: inset 0px 2px 13px #999;
-moz-box-shadow: inset 0px 2px 13px #999;
-webkit-box-shadow: inset 0px 2px 13px #999;
@ -148,7 +148,7 @@
#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
#qunit-tests .pass .test-name { color: #366097; }
#qunit-tests .pass .test-actual,
#qunit-tests .pass .test-expected { color: #999999; }
@ -169,7 +169,7 @@
#qunit-tests .fail .test-actual { color: #EE5757; }
#qunit-tests .fail .test-expected { color: green; }
#qunit-banner.qunit-fail,
#qunit-banner.qunit-fail,
#qunit-testrunner-toolbar { background-color: #EE5757; }
@ -194,3 +194,14 @@
top: -10000px;
left: -10000px;
}
[data-role='page'], [data-role='dialog'] {
position: absolute !important;
top: -10000px !important;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}

14
tests/unit/core/index.html
View file

@ -24,20 +24,6 @@
<ol id="qunit-tests">
</ol>
<style>
[data-role='page'], [data-role='dialog']{
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<div data-role="page">
</div>

15
tests/unit/dialog/index.html
View file

@ -46,21 +46,6 @@
<ol id="qunit-tests">
</ol>
<!-- NOTE body must be used in place of main otherwise transition behaviour fails -->
<style>
[data-role='page'], [data-role='dialog']{
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<div id="bar" data-role="page">
<a href="#foo-dialog" data-role="button" data-inline="true" data-rel="dialog"></a>
</div>

19
tests/unit/listview/index.html
View file

@ -21,19 +21,6 @@
<ol id="qunit-tests">
</ol>
<style>
[data-role='page'] {
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<!-- Basic Linked view test -->
<div data-role="page" id='basic-linked-test'>
<div data-role="header" data-position="inline">
@ -69,10 +56,10 @@
</ul>
</li>
<li class="linebreaknode">
More animals
<ul>
<li>Shoal of Bass</li>
<li>Rhumba of rattlesnakes</li>

13
tests/unit/navigation/index.html
View file

@ -49,19 +49,6 @@
<!-- NOTE body must be used in place of main otherwise transition behaviour fails -->
<style>
[data-role='page'] {
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<div id="foo" data-role="page">
<a href="#bar" data-transition="flip"></a>
</div>

13
tests/unit/select/index.html
View file

@ -46,19 +46,6 @@
<ol id="qunit-tests">
</ol>
<style>
[data-role='page'], [data-role='dialog'] {
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<div id="foo" data-role="page">
<div data-role="fieldcontain" id="select-choice-few-container">
<select name="select-choice-few" id="select-choice-few">

13
tests/unit/slider/index.html
View file

@ -46,19 +46,6 @@
<ol id="qunit-tests">
</ol>
<style>
[data-role='page'] {
position: absolute;
top: -10000px;
left: -10000px;
}
/* maintain styling */
.ui-mobile-viewport {
margin: 8px;
}
</style>
<div id="foo" data-role="page">
<div data-role="fieldcontain">
<input type="range" name="slider-1" id="range-slider-up" value="0" min="0" max="100" data-theme="b" data-track-theme="a" />