Removed lightbox from post uploads
This commit is contained in:
parent
c35ed15946
commit
a3157a48ec
3 changed files with 0 additions and 54 deletions
|
@ -140,35 +140,6 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#lightbox {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
pointer-events: none;
|
|
||||||
position: absolute;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
#lightbox img {
|
|
||||||
max-width: 800px;
|
|
||||||
max-height: 800px;
|
|
||||||
background: white;
|
|
||||||
border: 0.5em solid white;
|
|
||||||
box-shadow: 0 0 0 1px #eee;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
#lightbox:after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
left: -8px;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -8px;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background: white;
|
|
||||||
border-left: 1px solid #eee;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
transform: rotate(45deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
#uploading-alert {
|
#uploading-alert {
|
||||||
display: none;
|
display: none;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
|
@ -202,25 +202,6 @@ App.Presenters.PostUploadPresenter = function(
|
||||||
postTableSelectionChanged(selectedPosts);
|
postTableSelectionChanged(selectedPosts);
|
||||||
}
|
}
|
||||||
|
|
||||||
function postTableRowImageHovered(e) {
|
|
||||||
var $img = jQuery(this);
|
|
||||||
var post = $img.parents('tr').data('post');
|
|
||||||
post.getThumbnail(null, null).then(function(thumbnailDataURL) {
|
|
||||||
var $lightbox = jQuery('#lightbox');
|
|
||||||
$lightbox.find('img').attr('src', thumbnailDataURL);
|
|
||||||
$lightbox
|
|
||||||
.show()
|
|
||||||
.css({
|
|
||||||
left: ($img.position().left + $img.outerWidth()) + 'px',
|
|
||||||
top: ($img.position().top + ($img.outerHeight() - $lightbox.outerHeight()) / 2) + 'px',
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function postTableRowImageUnhovered(e) {
|
|
||||||
jQuery('#lightbox').hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
function removeButtonClicked(e) {
|
function removeButtonClicked(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
removePosts(getSelectedPosts());
|
removePosts(getSelectedPosts());
|
||||||
|
@ -336,8 +317,6 @@ App.Presenters.PostUploadPresenter = function(
|
||||||
$row.removeClass('template');
|
$row.removeClass('template');
|
||||||
$row.find('td:not(.checkbox)').click(postTableRowClicked);
|
$row.find('td:not(.checkbox)').click(postTableRowClicked);
|
||||||
$row.find('td.checkbox').click(postTableCheckboxClicked);
|
$row.find('td.checkbox').click(postTableCheckboxClicked);
|
||||||
$row.find('img').mouseenter(postTableRowImageHovered);
|
|
||||||
$row.find('img').mouseleave(postTableRowImageUnhovered);
|
|
||||||
$row.data('post', post);
|
$row.data('post', post);
|
||||||
$table.find('tbody').append($row);
|
$table.find('tbody').append($row);
|
||||||
$row.find('td.checkbox input').attr('id', _.uniqueId());
|
$row.find('td.checkbox input').attr('id', _.uniqueId());
|
||||||
|
|
|
@ -134,8 +134,4 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="lightbox">
|
|
||||||
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="Preview">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue