Add action messages. Fix margins

This commit is contained in:
Rukmini Bose 2022-09-28 14:30:41 -07:00
parent 305d566ee7
commit 29a747405e
2 changed files with 19 additions and 5 deletions

View File

@ -116,7 +116,7 @@ export default {
id: 'viewSnapshot', id: 'viewSnapshot',
cssClass: 'icon-camera', cssClass: 'icon-camera',
name: 'View Snapshot', name: 'View Snapshot',
description: 'description', description: 'View the snapshot image taken in the form of a jpeg.',
onItemClicked: () => this.openSnapshot() onItemClicked: () => this.openSnapshot()
}; };
@ -127,7 +127,7 @@ export default {
id: 'navigateToItem', id: 'navigateToItem',
cssClass: this.embed.cssClass, cssClass: this.embed.cssClass,
name: 'Navigate to Item', name: 'Navigate to Item',
description: 'description', description: 'Navigate to the item with the default time settings.',
onItemClicked: () => this.navigateToItem() onItemClicked: () => this.navigateToItem()
}; };
@ -135,7 +135,7 @@ export default {
id: 'navigateToItemInTime', id: 'navigateToItemInTime',
cssClass: 'icon-telemetry', cssClass: 'icon-telemetry',
name: 'Navigate to Item in Time', name: 'Navigate to Item in Time',
description: 'description', description: 'Navigate to the item with the given time context',
onItemClicked: () => this.navigateToItemInTime() onItemClicked: () => this.navigateToItemInTime()
}; };
@ -143,7 +143,7 @@ export default {
id: 'quickView', id: 'quickView',
cssClass: 'icon-eye-open', cssClass: 'icon-eye-open',
name: 'Quick View', name: 'Quick View',
description: 'description', description: 'Full screen overlay view of the item.',
onItemClicked: () => this.previewEmbed() onItemClicked: () => this.previewEmbed()
}; };
@ -154,7 +154,7 @@ export default {
id: 'removeEmbed', id: 'removeEmbed',
cssClass: 'icon-trash', cssClass: 'icon-trash',
name: this.removeActionString, name: this.removeActionString,
description: 'description', description: 'Permanently delete this embed from this Notebook entry.',
onItemClicked: this.getRemoveDialog.bind(this) onItemClicked: this.getRemoveDialog.bind(this)
}; };

View File

@ -452,6 +452,20 @@
&__snap-thumb { &__snap-thumb {
@include snapThumb(); @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 */ /****************************** SNAPSHOTTING */