Fix misalignment with Event List Summaries (#7865)

* Fix misalignment with Event List Summaries

* simplify styling
pull/21833/head
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; opacity: 0.6;
font-size: $font-12px; font-size: $font-12px;
width: 100%; width: 100%;
margin-left: 20px;
pre, code { pre, code {
flex: 1; 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 { .mx_GenericEventListSummary:not([data-layout=bubble]) .mx_EventTile_line {
padding-left: $left-gutter; padding-left: $left-gutter;
} }

View File

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