Reduce gutter with the new read receipt UI (matrix-org#8736)

Germain · JanBurp · commit 23157f2a8085 · 2022-06-14T14:23:37.000+02:00
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -419,12 +419,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         .mx_ThreadSummaryIcon,
         .mx_EventTile_line {
             /* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */
-            margin-right: 110px;
+            margin-right: 80px;
             min-height: $font-14px;
         }
 
         .mx_ThreadSummary {
-            max-width: min(calc(100% - $left-gutter - 110px), 600px); // leave space on both left & right gutters
+            max-width: min(calc(100% - $left-gutter - 80px), 600px); // leave space on both left & right gutters
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -419,12 +419,12 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss`
`419`	`419`	`.mx_ThreadSummaryIcon,`
`420`	`420`	`.mx_EventTile_line {`
`421`	`421`	`/* ideally should be 100px, but 95px gives us a max thumbnail size of 800x600, which is nice */`
`422`		`- margin-right: 110px;`
	`422`	`+ margin-right: 80px;`
`423`	`423`	`min-height: $font-14px;`
`424`	`424`	`}`
`425`	`425`
`426`	`426`	`.mx_ThreadSummary {`
`427`		`- max-width: min(calc(100% - $left-gutter - 110px), 600px); // leave space on both left & right gutters`
	`427`	`+ max-width: min(calc(100% - $left-gutter - 80px), 600px); // leave space on both left & right gutters`
`428`	`428`	`}`
`429`	`429`	`}`
`430`	`430`