From 7c34f03a95b70646af71927414da73c953201d56 Mon Sep 17 00:00:00 2001
From: Cristian Franco <cristianmusic7@gmail.com>
Date: Sun, 15 Oct 2017 03:08:27 -0500
Subject: [PATCH] drag and drop style fix, new entry focus, delete display fix

---
 example/notebook/res/sass/_style-guide-base.scss       | 7 +++++--
 example/notebook/res/templates/notebook.html           | 4 ++--
 example/notebook/src/controllers/notebookController.js | 8 ++++++++
 example/notebook/src/entryDnd.js                       | 2 --
 4 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/example/notebook/res/sass/_style-guide-base.scss b/example/notebook/res/sass/_style-guide-base.scss
index f51c410b15a..caa2dc99b79 100644
--- a/example/notebook/res/sass/_style-guide-base.scss
+++ b/example/notebook/res/sass/_style-guide-base.scss
@@ -282,8 +282,11 @@
     }
 }
 
-.icon-notebook{
-    margin-right: 5px;
+
+.frame{
+   .icon-notebook{
+        margin-right: 5px;
+    } 
 }
 
 .overlay.l-dialog .title{
diff --git a/example/notebook/res/templates/notebook.html b/example/notebook/res/templates/notebook.html
index 6e46be6b482..dcc5abb1c54 100644
--- a/example/notebook/res/templates/notebook.html
+++ b/example/notebook/res/templates/notebook.html
@@ -51,9 +51,9 @@
 
   <!-- entries -->
 
-  <div class="entries-wrapper">
+  <div class="entries-wrapper" ng-mouseover="handleActive()">
     <ul class="entries-list">
-      <li class="entry l-flex-row" id="{{'entry_'+entry.createdOn}}" ng-if="hoursFilter(showTime,entry.createdOn)" ng-repeat="entry in model.entries | filter:entrySearch | orderBy: sortEntries track by $index" ng-class="{active : (!entry.embeds.length && !entry.text) }" ng-init="$last && finished(model.entries)" mct-entry-dnd>
+      <li class="entry l-flex-row" id="{{'entry_'+entry.createdOn}}" ng-if="hoursFilter(showTime,entry.createdOn)" ng-repeat="entry in model.entries | filter:entrySearch | orderBy: sortEntries track by $index" ng-init="$last && finished(model.entries)" mct-entry-dnd>
         <div class="entry-time">{{entry.createdOn | date:'yyyy-MM-dd hh:mm:ss'}}</div>
         <div class="entry-info">
           <div class="entry-text">
diff --git a/example/notebook/src/controllers/notebookController.js b/example/notebook/src/controllers/notebookController.js
index c6864af3b03..7e435323340 100644
--- a/example/notebook/src/controllers/notebookController.js
+++ b/example/notebook/src/controllers/notebookController.js
@@ -138,6 +138,14 @@ define(
             }
         }
 
+        $scope.handleActive = function(){
+            var newEntry = $scope.entriesEl.find('.active');
+            if(newEntry){
+                newEntry.removeClass('active');
+            }
+        }
+
+
         $scope.clearSearch = function(){
             $scope.entrySearch = '';
         }
diff --git a/example/notebook/src/entryDnd.js b/example/notebook/src/entryDnd.js
index 5d03e8b7808..7fe2eb078fa 100644
--- a/example/notebook/src/entryDnd.js
+++ b/example/notebook/src/entryDnd.js
@@ -33,8 +33,6 @@ define([
     function entryDnd($rootScope,$compile,dndService,typeService) {
 
         function link($scope, $element) {
-            var frame = $element.parent();
-            var actionCapability = $scope.domainObject.getCapability('action');
             var domainObj = $scope.domainObject;
 
             function drop(e) {