From 037db084f20d952558e4529a8b7394d562241a97 Mon Sep 17 00:00:00 2001 From: Jörn Zaefferer Date: Tue, 3 Apr 2012 10:49:34 +0200 Subject: Position: Extend main visual test page with simple 'arrow' callouts, as a starting pointing for a better collision notification API --- tests/visual/position/position.html | 20 ++++++++++++++++++-- 1 file 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; + } -- cgit v1.2.3