Skip to content
Permalink
Browse files

Position: Cleanup up position demo CSS and add it to the within-visua…

…l-test
  • Loading branch information...
jzaefferer committed Jul 12, 2011
1 parent bfbb9e3 commit 927857ce84b11b081d0c983e5fa561bc2264bd19
Showing with 19 additions and 8 deletions.
  1. +7 −7 demos/position/default.html
  2. +12 −1 tests/visual/position/position_within.html
@@ -12,15 +12,15 @@
<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;
border: 1px solid #777;
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>
@@ -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;
}

0 comments on commit 927857c

Please sign in to comment.
You can’t perform that action at this time.