OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

pull/28217/head
Suguru Hirahara 2022-05-27 08:23:34 +00:00 committed by GitHub
parent 14cf6275d0
commit aef080ac80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -486,30 +486,48 @@ limitations under the License.
margin-left: -9px; margin-left: -9px;
} }
/* Special layout scenario for "Unable To Decrypt (UTD)" events */ &.mx_EventTile_bad {
&.mx_EventTile_bad > .mx_EventTile_line { /* Special layout scenario for "Unable To Decrypt (UTD)" events */
display: grid; .mx_EventTile_line {
grid-template: display: grid;
"reply reply" auto grid-template:
"shield body" auto "reply reply" auto
"shield link" auto "shield body" auto
/ auto 1fr; "shield link" auto
/ auto 1fr;
.mx_EventTile_e2eIcon { .mx_EventTile_e2eIcon {
grid-area: shield; grid-area: shield;
}
.mx_UnknownBody {
grid-area: body;
}
.mx_EventTile_keyRequestInfo {
grid-area: link;
}
.mx_ReplyChain_wrapper {
grid-area: reply;
min-width: 0; // Prevent a grid blowout due to nowrap displayName
}
} }
.mx_UnknownBody { &.mx_EventTile_info {
grid-area: body; // "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_EventTile_keyRequestInfo { .mx_ViewSourceEvent {
grid-area: link; grid-area: source;
} }
}
.mx_ReplyChain_wrapper {
grid-area: reply;
min-width: 0; // Prevent a grid blowout due to nowrap displayName
} }
} }