mirror of https://github.com/vector-im/riot-web
Fix misalignment with Event List Summaries (#7865)
* Fix misalignment with Event List Summaries * simplify stylingpull/21833/head
parent
18e86f3bf8
commit
57595bc593
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -81,7 +81,9 @@ const GenericEventListSummary: React.FC<IProps> = ({
|
||||||
if (expanded) {
|
if (expanded) {
|
||||||
body = <React.Fragment>
|
body = <React.Fragment>
|
||||||
<div className="mx_GenericEventListSummary_line"> </div>
|
<div className="mx_GenericEventListSummary_line"> </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 => {
|
||||||
|
|
Loading…
Reference in New Issue