Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Get floating embeds to actually float.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
builds/appchan-x.user.js
View File

File diff suppressed because one or more lines are too long

4
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

20
src/General/css/layout.css
View File

@ -951,6 +951,26 @@ nav a,
outline: none; outline: none;
z-index: 27; 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 */ /* Image Expansion */
.fit-width .full-image { .fit-width .full-image {
max-width: 100%; max-width: 100%;

4
src/General/html/Features/Embed.html
View File

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