Add padding to event info tile for MessageTimestamp on TimelineCard (#8639)

luixxiul · web-flow · commit eb977e6e7d2a · 2022-05-23T09:52:52.000Z
* Add padding-right to EventTile_line in EventTile_info on TimelineCard

Also ensure the same padding values are applied to EventTile_line on TimelineCard.

Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;

* Remove git diff

Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss
@@ -52,6 +52,7 @@ limitations under the License.
     }
 
     .mx_EventTile:not([data-layout="bubble"]) {
+        &.mx_EventTile_info .mx_EventTile_line,
         .mx_EventTile_line {
             padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-horizontal);
 
@@ -95,10 +96,6 @@ limitations under the License.
         }
 
         &.mx_EventTile_info {
-            .mx_EventTile_line {
-                padding-left: var(--BaseCard_EventTile-spacing-horizontal);
-            }
-
             .mx_EventTile_avatar {
                 left: 18px;
             }

Original file line number	Diff line number	Diff line change
`@@ -52,6 +52,7 @@ limitations under the License.`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`.mx_EventTile:not([data-layout="bubble"]) {`
	`55`	`+ &.mx_EventTile_info .mx_EventTile_line,`
`55`	`56`	`.mx_EventTile_line {`
`56`	`57`	`padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-horizontal);`
`57`	`58`
`@@ -95,10 +96,6 @@ limitations under the License.`
`95`	`96`	`}`
`96`	`97`
`97`	`98`	`&.mx_EventTile_info {`
`98`		`- .mx_EventTile_line {`
`99`		`- padding-left: var(--BaseCard_EventTile-spacing-horizontal);`
`100`		`- }`
`101`		`-`
`102`	`99`	`.mx_EventTile_avatar {`
`103`	`100`	`left: 18px;`
`104`	`101`	`}`