matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-10 19:43:07 +03:00
Code Activity

Create 'Unable To Decrypt' grid layout for hidden events on a bubble layout (#8704)

Browse Source
This commit is contained in:
Suguru Hirahara
2022-05-27 08:23:34 +00:00
committed by GitHub
parent 14cf6275d0
commit aef080ac80
1 changed files with 38 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
res/css/views/rooms/_EventBubbleTile.scss
View File

@@ -486,8 +486,9 @@ limitations under the License.
margin-left: -9px;
}
&.mx_EventTile_bad {
/* Special layout scenario for "Unable To Decrypt (UTD)" events */
&.mx_EventTile_bad > .mx_EventTile_line {
.mx_EventTile_line {
display: grid;
grid-template:
"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 {
position: absolute;
// as close to right gutter without clipping as possible