Fix misalignment with Event List Summaries (#7865)

* Fix misalignment with Event List Summaries

* simplify styling
This commit is contained in:
Michael Telatynski 2022-02-22 08:35:58 +00:00 committed by GitHub
parent 18e86f3bf8
commit 57595bc593
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 6 deletions

View file

@ -19,6 +19,7 @@ limitations under the License.
opacity: 0.6;
font-size: $font-12px;
width: 100%;
margin-left: 20px;
pre, code {
flex: 1;

View file

@ -280,11 +280,6 @@ $left-gutter: 64px;
}
}
.mx_EventTile:not([data-layout=bubble]).mx_EventTile_info .mx_EventTile_line,
.mx_GenericEventListSummary:not([data-layout=bubble]) > :not(.mx_EventTile) .mx_EventTile_avatar ~ .mx_EventTile_line {
padding-left: calc($left-gutter + 18px);
}
.mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {
padding-left: $left-gutter;
}

View file

@ -81,7 +81,9 @@ const GenericEventListSummary: React.FC<IProps> = ({
if (expanded) {
body = <React.Fragment>
<div className="mx_GenericEventListSummary_line">&nbsp;</div>
<ol className="mx_GenericEventListSummary_unstyledList">
{ children }
</ol>
</React.Fragment>;
} else {
const uniqueMembers = uniqBy(summaryMembers.filter(member => {