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;
}
/* Special layout scenario for "Unable To Decrypt (UTD)" events */
&.mx_EventTile_bad > .mx_EventTile_line {
display: grid;
grid-template:
"reply reply" auto
"shield body" auto
"shield link" auto
/ auto 1fr;
&.mx_EventTile_bad {
/* Special layout scenario for "Unable To Decrypt (UTD)" events */
.mx_EventTile_line {
display: grid;
grid-template:
"reply reply" auto
"shield body" auto
"shield link" auto
/ auto 1fr;
.mx_EventTile_e2eIcon {
grid-area: shield;
.mx_EventTile_e2eIcon {
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 {
grid-area: body;
}
&.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_EventTile_keyRequestInfo {
grid-area: link;
}
.mx_ReplyChain_wrapper {
grid-area: reply;
min-width: 0; // Prevent a grid blowout due to nowrap displayName
.mx_ViewSourceEvent {
grid-area: source;
}
}
}
}