ehealthsolutions/healthchat-web
3
0
Fork 0
mirror of https://github.com/Novaloop-AG/healthchat-web.git synced 2026-11-07 15:08:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Right hand side border radius

Browse Source
This commit is contained in:
Germain Souquet
2021-07-07 13:00:31 +02:00
parent 7d946ee0db
commit 870857f321
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/rooms/_EventBubbleTile.scss
+19 -6
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;