library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Position: Cleanup up position demo CSS and add it to the within-visual-test

Browse Source
This commit is contained in:
Jörn Zaefferer 2011-07-12 11:15:33 -04:00
parent bfbb9e3b23
commit 927857ce84
2 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demos/position/default.html
View File

@ -12,7 +12,7 @@
<script src="../../ui/jquery.ui.position.js"></script>
<link rel="stylesheet" href="../demos.css">
<style>
div#parent {
#parent {
width: 60%;
margin: 10px auto;
padding: 5px;
@ -20,7 +20,7 @@
background-color: #fbca93;
text-align: center;
}
div.positionable {
.positionable {
width: 75px;
height: 75px;
position: absolute;
@ -30,16 +30,16 @@
background-color: #bcd5e6;
text-align: center;
}
div.ui-flipped-top {
.ui-flipped-top {
border-top: 3px solid #000000;
}
div.ui-flipped-bottom {
.ui-flipped-bottom {
border-bottom: 3px solid #000000;
}
div.ui-flipped-left {
.ui-flipped-left {
border-left: 3px solid #000000;
}
div.ui-flipped-right {
.ui-flipped-right {
border-right: 3px solid #000000;
}
select, input {
@ -113,7 +113,7 @@
<option value="left">left</option>
<option value="center">center</option>
<option value="right">right</option>
</select>
</select>
<select id="my_vertical">
<option value="top">top</option>
<option value="middle">center</option>

13
tests/visual/position/position_within.html
View File

@ -66,9 +66,20 @@
bottom: 0;
background-color: #bcd5e6;
text-align: center;
border:solid 2px #555;
cursor:move;
}
.ui-flipped-top {
border-top: 3px solid #000000;
}
.ui-flipped-bottom {
border-bottom: 3px solid #000000;
}
.ui-flipped-left {
border-left: 3px solid #000000;
}
.ui-flipped-right {
border-right: 3px solid #000000;
}
select, input {
margin-left: 15px;
}