Add transparent CSS class for RoomTile

This commit is contained in:
Luke Barnard 2018-03-05 12:34:51 +00:00
parent e1e8d9777b
commit 1b6cb2da68
2 changed files with 10 additions and 0 deletions

View File

@ -180,3 +180,11 @@ limitations under the License.
right: 0px; right: 0px;
} }
.mx_RoomTile.mx_RoomTile_transparent {
background-color: transparent;
}
.mx_RoomTile.mx_RoomTile_transparent:focus {
background-color: $roomtile-transparent-focused-color;
}

View File

@ -104,6 +104,8 @@ $roomtile-name-color: rgba(69, 69, 69, 0.8);
$roomtile-selected-bg-color: rgba(255, 255, 255, 0.8); $roomtile-selected-bg-color: rgba(255, 255, 255, 0.8);
$roomtile-focused-bg-color: rgba(255, 255, 255, 0.9); $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-background: rgba(0, 0, 0, 0.05);
$roomsublist-label-fg-color: $h3-color; $roomsublist-label-fg-color: $h3-color;
$roomsublist-label-bg-color: $tertiary-accent-color; $roomsublist-label-bg-color: $tertiary-accent-color;