Use more simplified way

luixxiul · luixxiul · commit ae8dd59905f8 · 2022-04-20T18:37:38.000Z
Because the float property prevents the margin from appearing, removing
the property is more straightforward than adding other rules.

Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -154,7 +154,7 @@ limitations under the License.
 
     &[data-self=true] {
         .mx_EventTile_line {
-            float: right;
+            margin-inline-start: auto;
             border-bottom-left-radius: var(--cornerRadius);
 
             .mx_MImageBody .mx_MImageBody_thumbnail_container,
@@ -593,13 +593,6 @@ limitations under the License.
             right: 0; // match alignment of the hover background to that of chat bubbles
         }
     }
-
-    // style a list inside the generic event list
-    .mx_GenericEventListSummary_unstyledList {
-        display: flex;
-        flex-direction: column;
-        margin: 0;
-    }
 }
 
 // increase margin between ELS and the next Event to not have our user avatar overlap the expand/collapse button

Original file line number	Diff line number	Diff line change
`@@ -154,7 +154,7 @@ limitations under the License.`
`154`	`154`
`155`	`155`	`&[data-self=true] {`
`156`	`156`	`.mx_EventTile_line {`
`157`		`- float: right;`
	`157`	`+ margin-inline-start: auto;`
`158`	`158`	`border-bottom-left-radius: var(--cornerRadius);`
`159`	`159`
`160`	`160`	`.mx_MImageBody .mx_MImageBody_thumbnail_container,`
`@@ -593,13 +593,6 @@ limitations under the License.`
`593`	`593`	`right: 0; // match alignment of the hover background to that of chat bubbles`
`594`	`594`	`}`
`595`	`595`	`}`
`596`		`-`
`597`		`- // style a list inside the generic event list`
`598`		`- .mx_GenericEventListSummary_unstyledList {`
`599`		`- display: flex;`
`600`		`- flex-direction: column;`
`601`		`- margin: 0;`
`602`		`- }`
`603`	`596`	`}`
`604`	`597`
`605`	`598`	`// increase margin between ELS and the next Event to not have our user avatar overlap the expand/collapse button`