From 424315b74d9925fc040d85d6972ab83422ab518e Mon Sep 17 00:00:00 2001
From: geireann <geireann.lindfield@gmail.com>
Date: Wed, 25 Aug 2021 07:15:35 -0400
Subject: UI updates - more needed

---
 src/client/documents/Documents.ts    |  4 ++--
 src/client/views/ContextMenu.scss    | 10 ++++------
 src/client/views/ContextMenuItem.tsx |  2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

(limited to 'src')

diff --git a/src/client/documents/Documents.ts b/src/client/documents/Documents.ts
index f3a472329..c6ab35d52 100644
--- a/src/client/documents/Documents.ts
+++ b/src/client/documents/Documents.ts
@@ -1182,7 +1182,7 @@ export namespace DocUtils {
             }, icon: "compress-arrows-alt"
         });
         ContextMenu.Instance.addItem({
-            description: "Add Template Doc ...",
+            description: "Create document",
             subitems: DocListCast(Cast(Doc.UserDoc().myItemCreators, Doc, null)?.data).filter(btnDoc => !btnDoc.hidden).map(btnDoc => Cast(btnDoc?.dragFactory, Doc, null)).filter(doc => doc && doc !== Doc.UserDoc().emptyPresentation).map((dragDoc, i) => ({
                 description: ":" + StrCast(dragDoc.title),
                 event: undoBatch((args: { x: number, y: number }) => {
@@ -1195,7 +1195,7 @@ export namespace DocUtils {
                         docAdder?.(newDoc);
                     }
                 }),
-                icon: "eye"
+                icon: Doc.toIcon(Cast(dragDoc.type, Doc, null)),
             })) as ContextMenuProps[],
             icon: "eye"
         });
diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index 795529780..41a6dc569 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -3,14 +3,12 @@
 .contextMenu-cont {
     position: absolute;
     display: flex;
-    z-index: $contextMenu-zindex;
-    box-shadow: $medium-gray 0.2vw 0.2vw 0.4vw;
+    z-index: 100000;
+    box-shadow: 0px 3px 4px rgba(0,0,0,30%);
     flex-direction: column;
     background: whitesmoke;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    border-radius: 15px;
-    border: solid #BBBBBBBB 1px;
+    border-radius: 3px;
+    border: solid $light-gray 1px;
 }
 
 // .contextMenu-item:first-child {
diff --git a/src/client/views/ContextMenuItem.tsx b/src/client/views/ContextMenuItem.tsx
index 6fe2abd21..168fcb888 100644
--- a/src/client/views/ContextMenuItem.tsx
+++ b/src/client/views/ContextMenuItem.tsx
@@ -90,7 +90,7 @@ export class ContextMenuItem extends React.Component<ContextMenuProps & { select
                         </span>
                     ) : null}
                     <div className="contextMenu-description">
-                        {this.props.description}
+                        {this.props.description.replace(":","")}
                     </div>
                 </div>
             );
-- 
cgit v1.2.3-70-g09d2