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 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

12
demos/position/default.html
View File

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

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

@ -66,9 +66,20 @@
bottom: 0; bottom: 0;
background-color: #bcd5e6; background-color: #bcd5e6;
text-align: center; text-align: center;
border:solid 2px #555;
cursor:move; 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 { select, input {
margin-left: 15px; margin-left: 15px;
} }