fixes for issue#13 issue#14

sivasamyk · Nov 27, 2016 · df6360b · df6360b
1 parent 70e19d6
commit df6360b
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 63 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "logtrail",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Plugin to view, search & tail logs in Kibana",
   "main": "gulpfile.js",
   "scripts": {

diff --git a/public/app.js b/public/app.js
@@ -247,7 +247,7 @@ app.controller('logtrail', function ($scope, kbnUrl, $route, $routeParams, es, c
     } else {
       //Bring scroll to bottom
       $timeout(function () {
-        window.scrollTo(0,$(document).height());
+        window.scrollTo(0,$document.height());
       });
     }
 
@@ -382,7 +382,7 @@ app.controller('logtrail', function ($scope, kbnUrl, $route, $routeParams, es, c
   };
 
   $scope.onProgramClick = function (program) {
-    $scope.userSearchText = config.fields.mapping['program'] + ': \'' + program + '\'';
+    $scope.userSearchText = config.fields.mapping['program'] + '.raw: "' + program + '"';
     $scope.onSearchClick();
   };
 

diff --git a/public/css/main.css b/public/css/main.css
@@ -100,6 +100,9 @@ html,body {
 
 .message {
 	color: #B0B0B0;
+	word-break: break-all;
+    word-wrap: break-word;
+    white-space: pre-wrap;
 }
 
 .flex-container-search {
@@ -160,73 +163,73 @@ html,body {
     align-self: auto;
   }
 
-	.host-picker {
-		position: absolute;
-		background: white;
-		border: 4px solid rgb(128,128,128);
-	  width: 16em;
-	  height: auto;
-	  border-radius: 6px;
-		bottom: 5.5em;
-		left: 63em;
-		padding: 0;
-	}
-
-	.host-picker:after, .host-picker:before {
-		top: 100%;
-		left: 50%;
-		border: solid transparent;
-		content: " ";
-		height: 0;
-		width: 0;
-		position: absolute;
-		pointer-events: none;
-	}
-
-	.host-picker:after {
-		border-color: rgb(128,128,128,0);
-		border-top-color: white;
-		border-width: 30px;
-		margin-left: -30px;
-	}
-	.host-picker:before {
-		border-color: rgb(128,128,128,0);
-		border-top-color: white;
-		border-width: 36px;
-		margin-left: -36px;
-	}
-
-	.host-picker-list {
-		color: #2F4F4F;
-		list-style-type: none;
-		margin: 0;
-		font-size: medium;
-		padding: 0;
-	}
-
-	.host-picker-list > li {
-		padding: .3em;
-		text-align: center;
-	}
-
-	.host-picker-list > li:nth-child(even) {
-		background: #F0F0F0;
-	}
-
-	.host-picker-list > li > a {
-		text-decoration: underline;
-		cursor: pointer;
-	}
+.host-picker {
+	position: absolute;
+	background: white;
+	border: 4px solid rgb(128,128,128);
+  width: 16em;
+  height: auto;
+  border-radius: 6px;
+	bottom: 5.5em;
+	left: 63em;
+	padding: 0;
+}
+
+.host-picker:after, .host-picker:before {
+	top: 100%;
+	left: 50%;
+	border: solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+}
+
+.host-picker:after {
+	border-color: rgb(128,128,128,0);
+	border-top-color: white;
+	border-width: 30px;
+	margin-left: -30px;
+}
+.host-picker:before {
+	border-color: rgb(128,128,128,0);
+	border-top-color: white;
+	border-width: 36px;
+	margin-left: -36px;
+}
+
+.host-picker-list {
+	color: #2F4F4F;
+	list-style-type: none;
+	margin: 0;
+	font-size: medium;
+	padding: 0;
+}
+
+.host-picker-list > li {
+	padding: .3em;
+	text-align: center;
+}
+
+.host-picker-list > li:nth-child(even) {
+	background: #F0F0F0;
+}
+
+.host-picker-list > li > a {
+	text-decoration: underline;
+	cursor: pointer;
+}
 
 
 .date-picker {
 	position: absolute;
 	background: white;
 	border: 4px solid rgb(128,128,128);
 	padding: 1em;
-  width: 26.5em;
-  height: 7em;
-  border-radius: 6px;
+	width: 26.5em;
+	height: 7em;
+ 	border-radius: 6px;
 	bottom: 5.5em;
 	left: 63em;
 }