From 29a747405ed36394c070addfd0af1e5f0bff0bff Mon Sep 17 00:00:00 2001
From: Rukmini Bose <rukmini.bose15@gmail.com>
Date: Wed, 28 Sep 2022 14:30:41 -0700
Subject: [PATCH] Add action messages. Fix margins

---
 src/plugins/notebook/components/NotebookEmbed.vue | 10 +++++-----
 src/styles/notebook.scss                          | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/plugins/notebook/components/NotebookEmbed.vue b/src/plugins/notebook/components/NotebookEmbed.vue
index 3d9c5b2d04..6f4ee14f4b 100644
--- a/src/plugins/notebook/components/NotebookEmbed.vue
+++ b/src/plugins/notebook/components/NotebookEmbed.vue
@@ -116,7 +116,7 @@ export default {
                     id: 'viewSnapshot',
                     cssClass: 'icon-camera',
                     name: 'View Snapshot',
-                    description: 'description',
+                    description: 'View the snapshot image taken in the form of a jpeg.',
                     onItemClicked: () => this.openSnapshot()
                 };
 
@@ -127,7 +127,7 @@ export default {
                 id: 'navigateToItem',
                 cssClass: this.embed.cssClass,
                 name: 'Navigate to Item',
-                description: 'description',
+                description: 'Navigate to the item with the default time settings.',
                 onItemClicked: () => this.navigateToItem()
             };
 
@@ -135,7 +135,7 @@ export default {
                 id: 'navigateToItemInTime',
                 cssClass: 'icon-telemetry',
                 name: 'Navigate to Item in Time',
-                description: 'description',
+                description: 'Navigate to the item with the given time context',
                 onItemClicked: () => this.navigateToItemInTime()
             };
 
@@ -143,7 +143,7 @@ export default {
                 id: 'quickView',
                 cssClass: 'icon-eye-open',
                 name: 'Quick View',
-                description: 'description',
+                description: 'Full screen overlay view of the item.',
                 onItemClicked: () => this.previewEmbed()
             };
 
@@ -154,7 +154,7 @@ export default {
                     id: 'removeEmbed',
                     cssClass: 'icon-trash',
                     name: this.removeActionString,
-                    description: 'description',
+                    description: 'Permanently delete this embed from this Notebook entry.',
                     onItemClicked: this.getRemoveDialog.bind(this)
                 };
 
diff --git a/src/styles/notebook.scss b/src/styles/notebook.scss
index ca683142d9..1f5d34e377 100644
--- a/src/styles/notebook.scss
+++ b/src/styles/notebook.scss
@@ -452,6 +452,20 @@
     &__snap-thumb {
         @include snapThumb();
     }
+    &__actions-menu {
+        max-height: 80vh;
+        max-width: 500px;
+        min-height: 100px;
+        z-index: 70;
+        [class*="__icon"] {
+            filter: $colorKeyFilter;
+            margin: 0%;
+        }
+        [class*="__item-description"] {
+            min-width: 200px;            
+        }
+    }
+
 }
 
 /****************************** SNAPSHOTTING */