z-index fix on NPC popover dialogs

This commit is contained in:
Tyler Renelle 2013-05-15 12:23:18 +01:00
parent 4aeb7c5635
commit 149961c07d
4 changed files with 11 additions and 5 deletions

View file

@ -151,8 +151,12 @@ hr
.modal-body
margin: 10px
.static-popover
z-index 0
display block
// TODO this is supposed to go in avatar.styl, but fuck stylus
// TODO this is supposed to go in avatar.styl, but stylus is breaking if I even touch that file
.profile-modal-header
width:560px
margin: 0px auto
@ -163,3 +167,5 @@ hr
right 0px
background-color #dfe9ea
padding 1px 3px 1px 3px

View file

@ -46,7 +46,7 @@
<span class="Pet-{@profile.items.currentPet.name}-{@profile.items.currentPet.modifier} current-pet" ></span>
{/}
</div>
<div class='avatar-level'>Lvl: {@profile.stats.lvl}</div>
<div class='avatar-level'>Lvl {@profile.stats.lvl}</div>
</figure>
<profile-stats:>

View file

@ -78,7 +78,7 @@
<div class='span4 border-right'>
<div class='tavern-pane'>
<img src='/img/npcs/daniel.png' />
<div class="popover fade right in" style="top: 0px; left: 135px; display: block;">
<div class="popover static-popover fade right in" style="top: 0px; left: 135px;">
<div class="arrow"></div>
<h3 class="popover-title">Daniel Johansson</h3>
<div class="popover-content">
@ -122,7 +122,7 @@
<!-- pets pane -->
<div class="tab-pane pet-grid" id="market-tab">
<img src='/img/npcs/alex.png' />
<div class="popover fade right in" style="top: 0px; left: 170px; display: block;">
<div class="popover static-popover fade right in" style="top: 0px; left: 170px;">
<div class="arrow"></div>
<h3 class="popover-title">Alexander Augustin</h3>
<div class="popover-content">Welcome to the Market! I'm the merchant, <a target="_blank" href="http://www.kickstarter.com/profile/523661924">Alexander</a>. Dying to get that particular pet you're after, but don't want to wait for it to drop? Buy it here!</div>

View file

@ -98,7 +98,7 @@
<!-- tables, I know - I spent a good 1h here with divs & row-fluid and can't get it working, so screw it -->
<table><tr>
<td><img src='/img/npcs/matt.png' /></td>
<td><div class="popover fade right in" style="position:relative;display:block;max-width:550px;margin-left:10px">
<td><div class="popover static-popover fade right in" style="position:relative;max-width:550px;margin-left:10px">
<div class="arrow"></div>
<h3 class="popover-title">Matt Boch</h3>
<div class="popover-content">