imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add dedicated menu button to room tile with new design

Browse source
This commit is contained in:
Bruno Windels 2018-11-05 17:42:25 +01:00
parent 665d424758
commit ef26189add
2 changed files with 35 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

34
res/css/views/rooms/_RoomTile.scss
View file

@ -26,6 +26,26 @@ limitations under the License.
background-color: $secondary-accent-color;
}
.mx_RoomTile_menuButton {
display: none;
flex: 0 0 16px;
height: 16px;
background-image: url('../../img/icon_context.svg');
background-repeat: no-repeat;
background-position: right center;
}
// toggle menuButton and badge on hover/menu displayed
.mx_RoomTile:hover, .mx_RoomTile_menuDisplayed {
.mx_RoomTile_menuButton {
display: block;
}
.mx_RoomTile_badge {
display: none;
}
}
.mx_RoomTile_tooltip {
display: inline-block;
position: relative;
@ -88,6 +108,10 @@ limitations under the License.
z-index: 3;
border: 0.18em solid $secondary-accent-color;
}
.mx_RoomTile_menuButton {
display: none; //no design for this for now
}
}
.mx_RoomTile_badge {
@ -99,12 +123,6 @@ limitations under the License.
font-size: 12px;
}
.mx_RoomTile.mx_RoomTile_noBadges .mx_RoomTile_badge.mx_RoomTile_badgeButton,
.mx_RoomTile.mx_RoomTile_menuDisplayed.mx_RoomTile_noBadges .mx_RoomTile_badge {
background-color: $neutral-badge-color;
}
.mx_RoomTile_unreadNotify .mx_RoomTile_badge {
background-color: $accent-color;
}
@ -144,10 +162,6 @@ limitations under the License.
background-color: $roomtile-focused-bg-color;
}
.mx_RoomTile .mx_RoomTile_name.mx_RoomTile_badgeShown {
width: 140px;
}
.mx_RoomTile_arrow {
position: absolute;
right: 0px;