mirror of https://github.com/vector-im/riot-web
Create 'Unable To Decrypt' grid layout for hidden events on a bubble layout (#8704)
parent
14cf6275d0
commit
aef080ac80
|
@ -486,8 +486,9 @@ limitations under the License.
|
||||||
margin-left: -9px;
|
margin-left: -9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.mx_EventTile_bad {
|
||||||
/* Special layout scenario for "Unable To Decrypt (UTD)" events */
|
/* Special layout scenario for "Unable To Decrypt (UTD)" events */
|
||||||
&.mx_EventTile_bad > .mx_EventTile_line {
|
.mx_EventTile_line {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template:
|
grid-template:
|
||||||
"reply reply" auto
|
"reply reply" auto
|
||||||
|
@ -513,6 +514,23 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.mx_EventTile_info {
|
||||||
|
// "Unable To Decrypt" layout for hidden events
|
||||||
|
.mx_EventTile_line {
|
||||||
|
gap: 0 9px; // 9px: margin value of E2E icon
|
||||||
|
align-items: center;
|
||||||
|
grid-template:
|
||||||
|
"shield source" auto
|
||||||
|
"shield link" auto
|
||||||
|
/ auto 1fr;
|
||||||
|
|
||||||
|
.mx_ViewSourceEvent {
|
||||||
|
grid-area: source;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.mx_ReadReceiptGroup {
|
.mx_ReadReceiptGroup {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
// as close to right gutter without clipping as possible
|
// as close to right gutter without clipping as possible
|
||||||
|
|
Loading…
Reference in New Issue