Merge branch '88-highlight-row-when-field-selected' into 'develop'

First draft of solution

Closes #88

See merge request bramw/baserow!103

changelog.md

@@ -2,6 +2,7 @@
 
 ## Unreleased
 
+* Highlight the row of a selected cell.
 * Fixed error when there is no view.
 * Added Ubuntu installation guide documentation.
 

web-frontend/modules/core/assets/scss/components/views/grid.scss

@@ -244,6 +244,10 @@
   background-color: $white;
   padding: 0 24px 0 6px;
   line-height: 32px;
+
+  .grid-view__row--selected & {
+    background-color: $color-neutral-50;
+  }
 }
 
 .grid-view__row-count {
@@ -309,6 +313,14 @@
     }
   }
 
+  .grid-view__row--selected & {
+    background-color: $color-neutral-50;
+
+    &.active {
+      background-color: $white;
+    }
+  }
+
   .grid-view__cell--error {
     @extend %ellipsis;
 

web-frontend/modules/database/components/view/grid/GridView.vue

@@ -50,6 +50,7 @@
                 :key="'left-row-' + view.id + '-' + row.id"
                 class="grid-view__row"
                 :class="{
+                  'grid-view__row--selected': row._.selectedBy.length > 0,
                   'grid-view__row--loading': row._.loading,
                   'grid-view__row--hover': row._.hover,
                   'grid-view__row--warning':
@@ -215,6 +216,7 @@
                 :key="'right-row-' + view.id + '-' + row.id"
                 class="grid-view__row"
                 :class="{
+                  'grid-view__row--selected': row._.selectedBy.length > 0,
                   'grid-view__row--loading': row._.loading,
                   'grid-view__row--hover': row._.hover,
                   'grid-view__row--warning':