Get floating embeds to actually float.

This commit is contained in:
Zixaphir 2015-01-13 09:10:16 -07:00
parent ceb38964c2
commit 41050f516f
4 changed files with 26 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -951,6 +951,26 @@ nav a,
outline: none;
z-index: 27;
}
/* Embedding */
#embedding {
z-index: 11;
padding: 1px 4px 1px 4px;
position: fixed;
}
#embedding.empty {
display: none;
}
#embedding > div:first-child {
display: flex;
}
#embedding .move {
flex: 1;
}
#embedding .jump {
margin: -1px 4px;
text-decoration: none;
}
/* Image Expansion */
.fit-width .full-image {
max-width: 100%;

View File

@ -1,6 +1,6 @@
<div>
<div class="move"></div>
<a href="javascript:;" class="jump" title="Jump to post"></a>
<a href="javascript:;" class="close" title="Close">×</a>
<a href="javascript:;" class="jump" title="Jump to post"><i class="fa">\uf061</i></a>
<a href="javascript:;" class="close" title="Close"><i class="fa">\uf00d</i></a>
</div>
<div id="media-embed"><div></div></div>