Post Delete Widget: Only clickable after prompt

armadillica · May 9, 2016 · 56ae6fe · 56ae6fe
1 parent 56c1f1f
commit 56ae6fe
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/dillo/src/themes/dillo/styles/main.sass b/dillo/src/themes/dillo/styles/main.sass
@@ -1001,6 +1001,9 @@ blockquote
 			height: 36px
 			width: 36px
 			z-index: 1
+			pointer-events: none
+			&.active
+				pointer-events: initial
 
 		& #social
 			position: relative

diff --git a/dillo/src/themes/dillo/templates/posts/view.jade b/dillo/src/themes/dillo/templates/posts/view.jade
@@ -267,7 +267,7 @@ link(href="https://cdnjs.cloudflare.com/ajax/libs/jquery.swipebox/1.3.0.2/css/sw
 
 								a.edit-post-delete-widget.post-actions-button.delete(
 									title="Delete Post",
-									href="")
+									href="#")
 
 									span.edit-post-delete-widget-action(link="")
 									span.edit-post-delete-widget-icon
@@ -765,15 +765,20 @@ script(type="text/javascript").
 					});
 			});
 
-			$('.edit-post-delete-widget').click(function(e){
+			$('.edit-post-delete-widget').on('click', function(e){
 				e.preventDefault();
-				$('.edit-post-delete-widget-question').animate({'opacity': 1.0, 'left' : 6}, 350);
+
+				$('.edit-post-delete-widget-question').animate({'opacity': 1.0}, 350);
 				$('.edit-post-delete-widget-icon').animate({'left' : -5}, 250, function(){
 				$('.edit-post-delete-widget-action').attr('link', '{{ url_for("posts.delete", uuid=post.uuid) }}');
+
+				$('.edit-post-delete-widget-action').addClass('active');
 				});
 			});
 
 			$('.edit-post-delete-widget-action').click(function(e){
+				e.preventDefault();
+
 				$.post($('.edit-post-delete-widget-action').attr("link"), function(data){
 					$('.edit-post-delete-widget').fadeOut(function(){
 						$('#edit-post-delete-label').toggleClass('hidden');