Sha256: ebeca6a222d2899cdf20cd726140c2c2bdaaf67c60afb8b5d7bb7fc2af9160ed
Contents?: true
Size: 1.84 KB
Versions: 32
Compression:
Stored size: 1.84 KB
Contents
<script>
var u = up.util;
up.compiler('.clamped-open', function($link) {
$link.on('click', function(event) {
event.preventDefault();
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
u.nextFrame(function() {
up.popup.attach($link, {
target: '.contents',
duration: 1000
});
});
});
});
});
});
});
});
});
</script>
<div class="fixed-top-bar">
<a class="button" href="/css_test/popup_contents?1" up-popup=".contents" up-position="top-left">Top-left popup</a>
<a class="button" href="/css_test/popup_contents?2" up-popup=".contents" up-position="top-right">Top-right popup</a>
<a class="button" href="/css_test/popup_contents?3" up-popup=".contents" up-position="bottom-right">Bottom-right popup</a>
<a class="button" href="/css_test/popup_contents?4" up-popup=".contents" up-position="bottom-left">Bottom-left popup</a>
</div>
<div class="spacer">
</div>
<div class="example">
<a class="button" href="/css_test/popup_contents?5" up-popup=".contents" up-position="top-left">Top-left popup</a>
</div>
<div class="example">
<a class="button" href="/css_test/popup_contents?6" up-popup=".contents" up-position="top-right">Top-right popup</a>
</div>
<div class="example">
<a class="button" href="/css_test/popup_contents?7" up-popup=".contents" up-position="bottom-right">Bottom-right popup</a>
</div>
<div class="example">
<a class="button" href="/css_test/popup_contents?8" up-popup=".contents" up-position="bottom-left">Bottom-left popup</a>
</div>
<div class="example">
<a class="button clamped-open" href="/css_test/popup_contents">Clamped open</a>
</div>
Version data entries
32 entries across 32 versions & 1 rubygems