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

Fix avatar position of hidden event on ThreadView (#8592)

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

15
res/css/views/right_panel/_ThreadPanel.scss
View File

@ -239,6 +239,15 @@ limitations under the License.
&.mx_ThreadView .mx_EventTile { &.mx_ThreadView .mx_EventTile {
// handling for hidden events (e.g reactions) in the thread view // handling for hidden events (e.g reactions) in the thread view
&:not([data-layout=bubble]) {
&:hover.mx_EventTile_verified.mx_EventTile_info .mx_EventTile_line,
&:hover.mx_EventTile_unverified.mx_EventTile_info .mx_EventTile_line,
&:hover.mx_EventTile_unknown.mx_EventTile_info .mx_EventTile_line {
padding-inline-start: 0; // Override
}
}
&.mx_EventTile_info { &.mx_EventTile_info {
padding-top: 0; padding-top: 0;
@ -263,7 +272,6 @@ limitations under the License.
} }
.mx_EventTile_avatar { .mx_EventTile_avatar {
top: 0; // Align with hidden event content
left: calc($MessageTimestamp_width + 14px - 4px); // 14px: avatar width, 4px: align with text left: calc($MessageTimestamp_width + 14px - 4px); // 14px: avatar width, 4px: align with text
z-index: 9; // position above the hover styling z-index: 9; // position above the hover styling
} }
@ -271,12 +279,15 @@ limitations under the License.
&[data-layout=bubble] { &[data-layout=bubble] {
.mx_EventTile_avatar { .mx_EventTile_avatar {
left: 30px; inset-inline-start: 0;
} }
} }
.mx_EventTile_avatar { .mx_EventTile_avatar {
position: absolute; position: absolute;
top: 1.5px; // Align with hidden event content
margin-top: 0;
margin-bottom: 0;
width: 14px; // avatar img size width: 14px; // avatar img size
height: 14px; // avatar img size height: 14px; // avatar img size
} }