imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix some issues with threads rendering (#8305)

Browse source
This commit is contained in:
Michael Telatynski 2022-04-13 12:24:44 +01:00 • committed by GitHub
parent e59edb7101
commit fe4683df10
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 19 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
res/css/views/right_panel/_ThreadPanel.scss
View file

@ -165,6 +165,10 @@ limitations under the License.
}
}
.mx_GenericEventListSummary > .mx_EventTile_line {
padding-left: 30px !important; // Override main timeline styling - align summary text with message text
}
.mx_EventTile:not([data-layout=bubble]) {
.mx_EventTile_e2eIcon {
left: 8px;
@ -212,19 +216,21 @@ limitations under the License.
}
// handling for hidden events (e.g reactions) in the thread view
&.mx_ThreadView .mx_GenericEventListSummary_unstyledList .mx_EventTile_info {
&.mx_ThreadView .mx_EventTile_info {
padding-top: 0 !important; // override main timeline padding
.mx_EventTile_line {
padding-left: 0 !important; // override main timeline padding
.mx_EventTile_content {
margin-left: 54px; // align with text
width: calc(100% - 54px - 8px); // match width of parent
margin-left: 48px; // align with text
width: calc(100% - 48px - 8px); // match width of parent
}
}
.mx_EventTile_avatar {
position: absolute;
left: 36px !important; // override main timeline positioning
left: 30px !important; // override main timeline positioning
z-index: 9; // position above the hover styling
}

3
res/css/views/rooms/_EventTile.scss
View file

@ -762,7 +762,8 @@ $left-gutter: 64px;
bottom: 0;
width: 60px;
box-sizing: border-box;
background: linear-gradient(270deg, $system 52.6%, transparent 100%);
// XXX: We use `$system-transparent` instead of `transparent` to work around a Safari <15.4 bug
background: linear-gradient(270deg, $system 50%, $system-transparent 100%);
opacity: 0;
transform: translateX(60px);