mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2025-08-26 17:01:49 +02:00
Code Issues Projects Releases Wiki Activity

Tweak user online dot in room tile, make it occupy same space and inverse behaviour of the context menu button

Browse Source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-04-02 15:13:19 +01:00
parent 3612073852
commit a28aa4c0b4
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
res/css/views/rooms/_RoomTile.scss
View File

@ -24,6 +24,20 @@ limitations under the License.
margin: 0; margin: 0;
padding: 0 8px 0 10px; padding: 0 8px 0 10px;
position: relative; position: relative;
.mx_RoomTile_menuButton {
display: none;
flex: 0 0 16px;
height: 16px;
background-image: url('$(res)/img/icon_context.svg');
background-repeat: no-repeat;
background-position: center;
}
.mx_UserOnlineDot {
display: block;
margin-right: 5px;
}
} }
.mx_RoomTile:focus { .mx_RoomTile:focus {
@ -31,15 +45,6 @@ limitations under the License.
background-color: $roomtile-focused-bg-color; background-color: $roomtile-focused-bg-color;
} }
.mx_RoomTile_menuButton {
display: none;
flex: 0 0 16px;
height: 16px;
background-image: url('$(res)/img/icon_context.svg');
background-repeat: no-repeat;
background-position: center;
}
.mx_RoomTile_tooltip { .mx_RoomTile_tooltip {
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -151,7 +156,10 @@ limitations under the License.
} }
.mx_RoomTile_menuButton { .mx_RoomTile_menuButton {
display: none; //no design for this for now display: none; // no design for this for now
}
.mx_UserOnlineDot {
display: none; // no design for this for now
} }
} }
@ -164,6 +172,9 @@ limitations under the License.
.mx_RoomTile_menuButton { .mx_RoomTile_menuButton {
display: block; display: block;
} }
.mx_UserOnlineDot {
display: none;
}
} }
.mx_RoomTile_unreadNotify .mx_RoomTile_badge, .mx_RoomTile_unreadNotify .mx_RoomTile_badge,

4
res/css/views/rooms/_UserOnlineDot.scss
View File

@ -17,7 +17,7 @@ limitations under the License.
.mx_UserOnlineDot { .mx_UserOnlineDot {
border-radius: 50%; border-radius: 50%;
background-color: $accent-color; background-color: $accent-color;
height: 5px; height: 6px;
width: 5px; width: 6px;
display: inline-block; display: inline-block;
} }