Right hand side border radius

This commit is contained in:
Germain Souquet 2021-07-07 13:00:31 +02:00
parent 7d946ee0db
commit 870857f321

View file

@ -68,12 +68,22 @@ limitations under the License.
padding: 0 var(--gutterSize); padding: 0 var(--gutterSize);
} }
&[data-self=false] {
.mx_EventTile_line {
border-bottom-right-radius: var(--cornerRadius);
}
}
&[data-self=true] {
.mx_EventTile_line {
border-bottom-left-radius: var(--cornerRadius);
}
}
.mx_EventTile_line { .mx_EventTile_line {
position: relative; position: relative;
padding: var(--gutterSize); padding: var(--gutterSize);
border-top-left-radius: var(--cornerRadius); border-top-left-radius: var(--cornerRadius);
border-top-right-radius: var(--cornerRadius); border-top-right-radius: var(--cornerRadius);
border-bottom-right-radius: var(--cornerRadius);
background: var(--backgroundColor); background: var(--backgroundColor);
display: flex; display: flex;
gap: var(--gutterSize); gap: var(--gutterSize);
@ -84,16 +94,19 @@ limitations under the License.
} }
} }
&.mx_EventTile_continuation .mx_EventTile_line { &.mx_EventTile_continuation[data-self=false] .mx_EventTile_line {
border-top-left-radius: 0; border-top-left-radius: 0;
} }
&.mx_EventTile_lastInSection[data-self=false] .mx_EventTile_line {
&.mx_EventTile_lastInSection .mx_EventTile_line {
border-bottom-left-radius: var(--cornerRadius); border-bottom-left-radius: var(--cornerRadius);
} }
&.mx_EventTile_continuation[data-self=true] .mx_EventTile_line {
border-top-right-radius: 0;
}
&.mx_EventTile_lastInSection[data-self=true] .mx_EventTile_line {
border-bottom-right-radius: var(--cornerRadius);
}
.mx_EventTile_avatar { .mx_EventTile_avatar {
position: absolute; position: absolute;