From 1b6cb2da685d59dca292436659c34c0c997b86e0 Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Mon, 5 Mar 2018 12:34:51 +0000
Subject: [PATCH] Add transparent CSS class for RoomTile

---
 .../css/matrix-react-sdk/views/rooms/_RoomTile.scss       | 8 ++++++++
 src/skins/vector/css/themes/_base.scss                    | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
index a59cd3e8..ccd3afe2 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_RoomTile.scss
@@ -180,3 +180,11 @@ limitations under the License.
     right: 0px;
 }
 
+.mx_RoomTile.mx_RoomTile_transparent {
+    background-color: transparent;
+}
+
+.mx_RoomTile.mx_RoomTile_transparent:focus {
+    background-color: $roomtile-transparent-focused-color;
+}
+
diff --git a/src/skins/vector/css/themes/_base.scss b/src/skins/vector/css/themes/_base.scss
index d5cc3ab3..51d2f70f 100644
--- a/src/skins/vector/css/themes/_base.scss
+++ b/src/skins/vector/css/themes/_base.scss
@@ -104,6 +104,8 @@ $roomtile-name-color: rgba(69, 69, 69, 0.8);
 $roomtile-selected-bg-color: rgba(255, 255, 255, 0.8);
 $roomtile-focused-bg-color: rgba(255, 255, 255, 0.9);
 
+$roomtile-transparent-focused-color: rgba(0, 0, 0, 0.1);
+
 $roomsublist-background: rgba(0, 0, 0, 0.05);
 $roomsublist-label-fg-color: $h3-color;
 $roomsublist-label-bg-color: $tertiary-accent-color;