PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

CSS tweaks to get the collapsed mute state properly working

Browse source
This commit is contained in:
wmwragg 2016-07-29 10:01:42 +01:00
parent 2f65064688
commit 18701a2dae
1 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
View file

@ -91,8 +91,23 @@ limitations under the License.
z-index: 200; z-index: 200;
} }
/* Position mute icon when collapsed */
.collapsed .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeMute {
background-color: rgba(0,0,0,0);
opacity: 1;
top: -40px;
}
/* Position menu icon when room muted and collapsed */
.collapsed .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute, .collapsed .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute {
background-color: rgb(214, 214, 214);
letter-spacing: 0.1em;
opacity: 1;
top: -40px;
}
/* Hide the bottom of speech bubble */ /* Hide the bottom of speech bubble */
.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:after { .collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:not(.mx_RoomTile_badgeMute):after {
display: none; display: none;
} }
@ -130,6 +145,7 @@ limitations under the License.
opacity: 1; opacity: 1;
} }
/* Position menu icon when room muted and collapsed */
.mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute, .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute { .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute, .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeButton.mx_RoomTile_badgeMute {
background-color: rgb(214, 214, 214); background-color: rgb(214, 214, 214);
letter-spacing: 0.1em; letter-spacing: 0.1em;
@ -137,6 +153,7 @@ limitations under the License.
top: 2px; top: 2px;
} }
/* Position mute icon when collapsed */
.mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeMute { .mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeMute {
background-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0);
opacity: 1; opacity: 1;