sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Apply border-radius onto linear gradient in bubble layout (#7536)

Browse Source
This commit is contained in:
Michael Telatynski
2022-01-13 16:42:32 +00:00
committed by GitHub
parent 3eb5130cda
commit 6d9d9a56b4
2 changed files with 18 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/rooms/_EventBubbleTile.scss
+18 -6
View File
@@ -117,7 +117,9 @@ limitations under the License.
.mx_EventTile_line {
border-bottom-right-radius: var(--cornerRadius);
.mx_MImageBody .mx_MImageBody_thumbnail {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-bottom-right-radius: var(--cornerRadius);
}
}
@@ -132,7 +134,9 @@ limitations under the License.
float: right;
border-bottom-left-radius: var(--cornerRadius);
.mx_MImageBody .mx_MImageBody_thumbnail {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-bottom-left-radius: var(--cornerRadius);
}
}
@@ -231,14 +235,18 @@ limitations under the License.
&.mx_EventTile_continuation[data-self=false] .mx_EventTile_line {
border-top-left-radius: 0;
.mx_MImageBody .mx_MImageBody_thumbnail, .mx_MLocationBody_map {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-top-left-radius: 0;
}
}
&.mx_EventTile_lastInSection[data-self=false] .mx_EventTile_line {
border-bottom-left-radius: var(--cornerRadius);
.mx_MImageBody .mx_MImageBody_thumbnail, .mx_MLocationBody_map {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-bottom-left-radius: var(--cornerRadius);
}
}
@@ -246,14 +254,18 @@ limitations under the License.
&.mx_EventTile_continuation[data-self=true] .mx_EventTile_line {
border-top-right-radius: 0;
.mx_MImageBody .mx_MImageBody_thumbnail, .mx_MLocationBody_map {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-top-right-radius: 0;
}
}
&.mx_EventTile_lastInSection[data-self=true] .mx_EventTile_line {
border-bottom-right-radius: var(--cornerRadius);
.mx_MImageBody .mx_MImageBody_thumbnail, .mx_MLocationBody_map {
.mx_MImageBody .mx_MImageBody_thumbnail,
.mx_MImageBody::before,
.mx_MLocationBody_map {
border-bottom-right-radius: var(--cornerRadius);
}
}