Explorar el Código

- Adds hover on timeline
- Adds notification on execution delete

George Vrancianu hace 9 años
padre
commit
cf8d6bece1

+ 11 - 0
src/components/ExecutionsTimeline/ExecutionsTimeline.scss

@@ -42,6 +42,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
     :global(.taskIcon) {
       float: none;
       margin: 0 auto;
+      transition: transform $animation-swift-out;
     }
     &.current {
       font-weight: 500;
@@ -51,6 +52,16 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
         background-size: cover;
       }
     }
+    &:hover {
+      :global(.taskIcon) {
+        transform: scale(1.2);
+      }
+      &.current {
+        :global(.taskIcon) {
+          transform: scale(1);
+        }
+      }
+    }
   }
   .caretLeft {
     position: absolute;

+ 10 - 0
src/stores/NotificationsStore/NotificationsStore.js

@@ -153,6 +153,14 @@ class NotificationsStore extends Reflux.Store
     this.setState({notifications: notifications})
   }
 
+  onDeleteReplicaExecutionCompleted() {
+    let notifications = [{
+      message: "Execution deleted",
+      type: 'info'
+    }]
+    this.setState({notifications: notifications})
+  }
+
   onCancelMigrationCompleted(migration) {
     let message = "Canceled"
     if (migration.type == "migration") {
@@ -209,6 +217,8 @@ class NotificationsStore extends Reflux.Store
   onRemoveNotification() {
     this.setState({notifications: []})
   }
+
+
 }
 
 export default NotificationsStore;