Add hover states and basic context menu to new room list

The 'sort by' radio buttons are blocked by https://github.com/matrix-org/matrix-react-sdk/pull/4731 as it contains the styles needed.

The 'unread rooms' checkbox is intentionally not hooked up. This is a more complicated refactoring that needs to be done.

The message preview checkbox works, though the previews remain hardcoded in this change. The primary intent of this change is to have a good enough context menu and the hover states.

The hover states are as described in the design.
This commit is contained in:
Travis Ralston 2020-06-09 21:12:49 -06:00
parent 7549d7d98a
commit 111394df6d
6 changed files with 234 additions and 18 deletions

View file

@ -51,7 +51,7 @@ limitations under the License.
.mx_RoomTile2_name {
font-size: $font-14px;
line-height: $font-19px;
line-height: $font-18px;
}
.mx_RoomTile2_name.mx_RoomTile2_nameHasUnreadEvents {
@ -63,6 +63,10 @@ limitations under the License.
line-height: $font-18px;
color: $roomtile2-preview-color;
}
.mx_RoomTile2_nameWithPreview {
margin-top: -4px; // shift the name up a bit more
}
}
.mx_RoomTile2_badgeContainer {