fix click row bug and update experiment id color (#3289)

docs/en_US/Tutorial/WebUI.rst

@@ -20,7 +20,7 @@ Click the tab ``All experiments`` on the nav bar.
 
 
 
-* When you want to see more details about an experiments you could click the row or trial id, look that:
+* When you want to see more details about an experiment you could click the trial id, look that:
 
 .. image:: ../../img/webui-img/managerExperimentList/toAnotherExp.png
    :target: ../../img/webui-img/managerExperimentList/toAnotherExp.png

ts/webui/src/components/managementExp/ExperimentManager.tsx

@@ -132,7 +132,6 @@ class Experiment extends React.Component<{}, ExpListState> {
                                 compact={true}
                                 selectionMode={0} // close selector function
                                 className='table'
-                                onActiveItemChanged={this.experimentClicked}
                             />
                         </Stack>
                     </Stack>
@@ -260,15 +259,6 @@ class Experiment extends React.Component<{}, ExpListState> {
         }
     ];
 
-    private experimentClicked = (item?: any, _index?: number, _ev?: React.FocusEvent<HTMLElement>): void => {
-        if (item.status !== 'STOPPED' && item.port !== undefined) {
-            const hostname = window.location.hostname;
-            const protocol = window.location.protocol;
-            const webuiPortal = `${protocol}//${hostname}:${item.port}/oview`;
-            window.open(webuiPortal);
-        }
-    };
-
     private clickFilter(_e: any): void {
         const { hideFilter } = this.state;
         if (!hideFilter === true) {

ts/webui/src/static/style/experiment/experiment.scss

@@ -15,6 +15,12 @@ $pageMargin: 24px;
 .experimentList {
 	padding: $pageMargin 42px;
 
+	.ms-DetailsRow {
+		&:hover, &:focus {
+			background: #F3F2F1 !important;
+		}
+	}
+
 	.box {
 		margin-top: 20px;
 
@@ -65,14 +71,7 @@ $pageMargin: 24px;
 	}
 
 	.toAnotherExp {
-
-		&:hover {
-			color: #333231 !important;
-		}
-
-		&:hover {
-			color:  #615f5d !important;
-		}
+		color: #0071bc !important;
 	}
 
 	.ms-DetailsRow:focus {
@@ -81,5 +80,5 @@ $pageMargin: 24px;
 }
 
 .gray-port {
-	color: #E2E2E2;
+	color: #bebebe;
 }