Make anchor highlighting more prominent

elastic · Dec 16, 2016 · 3ae8a5d · 3ae8a5d
1 parent 46d8472
commit 3ae8a5d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/core_plugins/kibana/public/discover/styles/main.less b/src/core_plugins/kibana/public/discover/styles/main.less
@@ -129,7 +129,16 @@
     }
 
     .discover-table-row--highlight {
-      font-weight: bold;
+      font-weight: 900;
+      outline: 3px solid @table-border-color;
+
+      td {
+        border-top: none !important;
+      }
+    }
+
+    .discover-table-togglefield--highlight {
+      background: @table-border-color;
     }
 
 .shard-failures {

diff --git a/src/ui/public/doc_table/components/table_row/open.html b/src/ui/public/doc_table/components/table_row/open.html
@@ -1,6 +1,6 @@
-<td ng-click="toggleRow()">
+<td ng-click="toggleRow()" ng-class="{'discover-table-togglefield--highlight': row['$$_isAnchor']}">
   <i
     class="fa discover-table-open-icon"
     ng-class="{ 'fa-caret-down': open, 'fa-caret-right': !open }">
   </i>
-</td>
+</td>