mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-24 11:45:50 +03:00
Code Issues Projects Releases Packages Wiki Activity

Fix misalignment with Event List Summaries (#7865)

Browse source 
* 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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
res/css/views/messages/_ViewSourceEvent.scss
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;

5
res/css/views/rooms/_EventTile.scss
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;
} }

4
src/components/views/elements/GenericEventListSummary.tsx
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 => {