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;
|
||||
font-size: $font-12px;
|
||||
width: 100%;
|
||||
margin-left: 20px;
|
||||
|
||||
pre, code {
|
||||
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 {
|
||||
padding-left: $left-gutter;
|
||||
}
|
||||
|
|
|
@ -81,7 +81,9 @@ const GenericEventListSummary: React.FC<IProps> = ({
|
|||
if (expanded) {
|
||||
body = <React.Fragment>
|
||||
<div className="mx_GenericEventListSummary_line"> </div>
|
||||
{ children }
|
||||
<ol className="mx_GenericEventListSummary_unstyledList">
|
||||
{ children }
|
||||
</ol>
|
||||
</React.Fragment>;
|
||||
} else {
|
||||
const uniqueMembers = uniqBy(summaryMembers.filter(member => {
|
||||
|
|
Loading…
Reference in New Issue