Align thread summary button with bubble messages on the left side

luixxiul · luixxiul · commit 509a16402d95 · 2022-04-29T20:38:13.000Z
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
@@ -149,6 +149,11 @@ limitations under the License.
             right: -100px; // to make sure it doesn't overflow to the left or cover sender profile
         }
 
+        .mx_ThreadSummary {
+            margin-inline-start: calc(-1 * var(--gutterSize));
+            margin-inline-end: auto;
+        }
+
         --backgroundColor: $eventbubble-others-bg;
     }
 
@@ -173,8 +178,8 @@ limitations under the License.
         }
 
         .mx_ThreadSummary {
-            float: right;
-            margin-right: calc(-1 * var(--gutterSize));
+            margin-inline-start: auto;
+            margin-inline-end: calc(-1 * var(--gutterSize));
         }
 
         .mx_DisambiguatedProfile {

Original file line number	Diff line number	Diff line change
`@@ -149,6 +149,11 @@ limitations under the License.`
`149`	`149`	`right: -100px; // to make sure it doesn't overflow to the left or cover sender profile`
`150`	`150`	`}`
`151`	`151`
	`152`	`+ .mx_ThreadSummary {`
	`153`	`+ margin-inline-start: calc(-1 * var(--gutterSize));`
	`154`	`+ margin-inline-end: auto;`
	`155`	`+ }`
	`156`	`+`
`152`	`157`	`--backgroundColor: $eventbubble-others-bg;`
`153`	`158`	`}`
`154`	`159`
`@@ -173,8 +178,8 @@ limitations under the License.`
`173`	`178`	`}`
`174`	`179`
`175`	`180`	`.mx_ThreadSummary {`
`176`		`- float: right;`
`177`		`- margin-right: calc(-1 * var(--gutterSize));`
	`181`	`+ margin-inline-start: auto;`
	`182`	`+ margin-inline-end: calc(-1 * var(--gutterSize));`
`178`	`183`	`}`
`179`	`184`
`180`	`185`	`.mx_DisambiguatedProfile {`