From f9cda26e1139f51c6e995a12279fbbd57a55318f Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Sun, 14 Jul 2019 23:09:52 -0400
Subject: linking menu updates on input and enter

---
 src/client/views/nodes/LinkEditor.scss | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

(limited to 'src/client/views/nodes/LinkEditor.scss')

diff --git a/src/client/views/nodes/LinkEditor.scss b/src/client/views/nodes/LinkEditor.scss
index 3c49c2212..e1e6b70b4 100644
--- a/src/client/views/nodes/LinkEditor.scss
+++ b/src/client/views/nodes/LinkEditor.scss
@@ -47,7 +47,7 @@
     border-radius: 3px;
 
     .linkEditor-group-row {
-        // display: flex;
+        display: flex;
         margin-bottom: 3px;
 
         .linkEditor-group-row-label {
@@ -108,6 +108,32 @@
         &:hover {
             background-color: lightgray;
         }
+
+        &.onDown {
+            background-color: gray;
+        }
+    }
+}
+
+.linkEditor-typeButton {
+    // background-color: $dark-color;
+    // color: white;
+    // background-color: $light-color;
+    // background-color: white;
+    background-color: transparent;
+    color: $dark-color;
+    width: 100%;
+    height: 20px;
+    padding: 0 3px;
+    padding-bottom: 2px;
+    text-align: left;
+    text-transform: none;
+    letter-spacing: normal;
+    font-size: 12px;
+    font-weight: bold;
+
+    &:hover {
+        background-color: $light-color;
     }
 }
 
@@ -115,6 +141,7 @@
     height: 20px;
     display: flex;
     justify-content: flex-end;
+    margin-top: 5px;
 
     .linkEditor-button {
         margin-left: 6px;
-- 
cgit v1.2.3-70-g09d2


From 4905b2d7ecc6a946ab5173ca624b99d8f0155e9f Mon Sep 17 00:00:00 2001
From: Fawn <fangrui_tong@brown.edu>
Date: Sun, 14 Jul 2019 23:37:47 -0400
Subject: code clean on linking

---
 src/client/views/nodes/LinkEditor.scss | 15 ---------------
 src/client/views/nodes/LinkEditor.tsx  | 10 ----------
 2 files changed, 25 deletions(-)

(limited to 'src/client/views/nodes/LinkEditor.scss')

diff --git a/src/client/views/nodes/LinkEditor.scss b/src/client/views/nodes/LinkEditor.scss
index e1e6b70b4..fc5f2410c 100644
--- a/src/client/views/nodes/LinkEditor.scss
+++ b/src/client/views/nodes/LinkEditor.scss
@@ -116,10 +116,6 @@
 }
 
 .linkEditor-typeButton {
-    // background-color: $dark-color;
-    // color: white;
-    // background-color: $light-color;
-    // background-color: white;
     background-color: transparent;
     color: $dark-color;
     width: 100%;
@@ -146,15 +142,4 @@
     .linkEditor-button {
         margin-left: 6px;
     }
-
-    // .linkEditor-groupOpts {
-    //     width: calc(20% - 3px);
-    //     height: 20px;
-    //     padding: 0;
-    //     font-size: 10px;
-
-    //     &:disabled {
-    //         background-color: gray;
-    //     }
-    // }
 }
\ No newline at end of file
diff --git a/src/client/views/nodes/LinkEditor.tsx b/src/client/views/nodes/LinkEditor.tsx
index 02373926e..afde85b69 100644
--- a/src/client/views/nodes/LinkEditor.tsx
+++ b/src/client/views/nodes/LinkEditor.tsx
@@ -25,11 +25,6 @@ class GroupTypesDropdown extends React.Component<GroupTypesDropdownProps> {
     @observable private _searchTerm: string = this.props.groupType;
     @observable private _groupType: string = this.props.groupType;
     @observable private _isEditing: boolean = false;
-    // @observable private _ref: React.RefObject<HTMLInputElement> = React.createRef();
-
-    // @action setSearchTerm = (value: string): void => { this._searchTerm = value; };
-    // @action setGroupType = (value: string): void => { this._groupType = value; };
-    // @action setIsEditing = (isEditing: boolean): void => { this._isEditing = isEditing; console.log(this._isEditing); };
 
     @action
     createGroup = (groupType: string): void => {
@@ -62,7 +57,6 @@ class GroupTypesDropdown extends React.Component<GroupTypesDropdownProps> {
 
             this._searchTerm = this._groupType;
             this._isEditing = false;
-            console.log("on key down", this._isEditing);
         }
     }
 
@@ -79,14 +73,11 @@ class GroupTypesDropdown extends React.Component<GroupTypesDropdownProps> {
         }
         this._searchTerm = this._groupType;
         this._isEditing = false;
-        console.log("option clicked", this._isEditing);
     }
 
     @action
     onButtonPointerDown = (): void => {
         this._isEditing = true;
-        console.log("button down", this._isEditing);
-        //make focus on input
     }
 
     renderOptions = (): JSX.Element[] | JSX.Element => {
@@ -113,7 +104,6 @@ class GroupTypesDropdown extends React.Component<GroupTypesDropdownProps> {
     }
 
     render() {
-        console.log("render", this._isEditing);
         if (this._isEditing || this._groupType === "") {
             return (
                 <div className="linkEditor-dropdown">
-- 
cgit v1.2.3-70-g09d2