Accurate positioning of the repl_bridge, hopefully.

This commit is contained in:
Jeremy Ashkenas 2010-12-21 21:35:43 -05:00
parent b32eb2bfc1
commit be8feb7ee8
3 changed files with 10 additions and 5 deletions

View File

@ -238,13 +238,18 @@ div.code {
} }
.navigation .repl_bridge { .navigation .repl_bridge {
position: absolute; position: absolute;
left: 397px; height: 12px;
width: 150px; height: 13px; left: -1px; right: -1px;
top: -15px; bottom: -14px;
border: 1px solid #aaa; border: 1px solid #aaa;
z-index: 5;
background: #fff; background: #fff;
display: none;
border-top-color: #fff; border-bottom-color: #fff; border-top-color: #fff; border-bottom-color: #fff;
} }
.navigation.active .repl_bridge {
display: block;
}
.navigation .code .minibutton { .navigation .code .minibutton {
top: 10px; right: 10px; top: 10px; right: 10px;
width: 40px; width: 40px;

View File

@ -75,9 +75,9 @@
<div class="navigation try"> <div class="navigation try">
<div class="button"> <div class="button">
Try CoffeeScript Try CoffeeScript
<div class="repl_bridge"></div>
</div> </div>
<div class="contents repl_wrapper"> <div class="contents repl_wrapper">
<div class="repl_bridge"></div>
<div class="code"> <div class="code">
<div class="screenshadow tl"></div> <div class="screenshadow tl"></div>
<div class="screenshadow tr"></div> <div class="screenshadow tr"></div>

View File

@ -56,9 +56,9 @@
<div class="navigation try"> <div class="navigation try">
<div class="button"> <div class="button">
Try CoffeeScript Try CoffeeScript
<div class="repl_bridge"></div>
</div> </div>
<div class="contents repl_wrapper"> <div class="contents repl_wrapper">
<div class="repl_bridge"></div>
<div class="code"> <div class="code">
<div class="screenshadow tl"></div> <div class="screenshadow tl"></div>
<div class="screenshadow tr"></div> <div class="screenshadow tr"></div>