mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-16 05:04:57 +08:00
CSS tweaks to get the collapsed mute state properly working
This commit is contained in:
parent
2f65064688
commit
18701a2dae
@ -91,8 +91,23 @@ limitations under the License.
|
||||
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 */
|
||||
.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:after {
|
||||
.collapsed .mx_RoomTile_highlight .mx_RoomTile_badge:not(.mx_RoomTile_badgeMute):after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -130,6 +145,7 @@ limitations under the License.
|
||||
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 {
|
||||
background-color: rgb(214, 214, 214);
|
||||
letter-spacing: 0.1em;
|
||||
@ -137,6 +153,7 @@ limitations under the License.
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
/* Position mute icon when collapsed */
|
||||
.mx_RoomTile .mx_RoomTile_badge.mx_RoomTile_badgeMute {
|
||||
background-color: rgba(0,0,0,0);
|
||||
opacity: 1;
|
||||
|
Loading…
Reference in New Issue
Block a user