Make files & voice memos in bubble layout match colouring (#7457)

t3chguy · web-flow · commit beac9563d6a1 · 2022-01-11T16:04:39.000Z
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -95,6 +95,11 @@ limitations under the License.
         z-index: 9; // above the avatar
     }
 
+    .mx_MediaBody {
+        // leave space for the timestamp
+        padding-right: 48px;
+    }
+
     &[data-self=false] {
         .mx_EventTile_line {
             border-bottom-right-radius: var(--cornerRadius);
@@ -147,6 +152,10 @@ limitations under the License.
             right: -35px;
         }
 
+        .mx_MediaBody {
+            background: $eventbubble-self-bg;
+        }
+
         --backgroundColor: $eventbubble-self-bg;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,11 @@ limitations under the License.`
`95`	`95`	`z-index: 9; // above the avatar`
`96`	`96`	`}`
`97`	`97`
	`98`	`+ .mx_MediaBody {`
	`99`	`+ // leave space for the timestamp`
	`100`	`+ padding-right: 48px;`
	`101`	`+ }`
	`102`	`+`
`98`	`103`	`&[data-self=false] {`
`99`	`104`	`.mx_EventTile_line {`
`100`	`105`	`border-bottom-right-radius: var(--cornerRadius);`
`@@ -147,6 +152,10 @@ limitations under the License.`
`147`	`152`	`right: -35px;`
`148`	`153`	`}`
`149`	`154`
	`155`	`+ .mx_MediaBody {`
	`156`	`+ background: $eventbubble-self-bg;`
	`157`	`+ }`
	`158`	`+`
`150`	`159`	`--backgroundColor: $eventbubble-self-bg;`
`151`	`160`	`}`
`152`	`161`