diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-04-03 10:49:34 +0200 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2012-04-03 10:49:34 +0200 |
| commit | 037db084f20d952558e4529a8b7394d562241a97 (patch) | |
| tree | 43860027c11369132495942574cb4a0a986fb2d2 | |
| parent | b2f8814d0a7c9321ecff421b3aaeb80cd49be0d6 (diff) | |
| download | jquery-ui-037db084f20d952558e4529a8b7394d562241a97.tar.gz jquery-ui-037db084f20d952558e4529a8b7394d562241a97.zip | |
Position: Extend main visual test page with simple 'arrow' callouts, as a starting pointing for a better collision notification API
| -rw-r--r-- | tests/visual/position/position.html | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/tests/visual/position/position.html b/tests/visual/position/position.html index 9a9fb831e..b9b769d9b 100644 --- a/tests/visual/position/position.html +++ b/tests/visual/position/position.html @@ -24,9 +24,9 @@ collision: "none" }); $(this).next().menu().position({ - my: "left top", + my: "left top+20", at: "left bottom", - of: this + of: this, }); }); }).resize(); @@ -37,6 +37,22 @@ .ui-menu { width: 200px; } html, body { width: 99%; height: 99%; min-height:700px; min-width:700px; } #container { width: 95%; height: 95%; border: 1px solid black; margin: auto; } + .ui-menu:before { + font-size: 12pt; + content: "↑"; + position: absolute; + top: -22px; + left: 5px; + } + .ui-flipped-left:before { + left: auto; + right: 5px; + } + .ui-flipped-top:before { + content: "↓"; + top: auto; + bottom: -19px; + } </style> </head> <body> |