From 18c21d77cd6c31b975bf50c645ccd5f99ae6351f Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Mon, 20 Jun 2022 16:55:47 +0000
Subject: [PATCH] Remove references to mx_GroupLayout from scss files (#8875)

---
 res/css/views/elements/_EventTilePreview.scss              | 7 ++-----
 res/css/views/rooms/_ReadReceiptGroup.scss                 | 2 +-
 src/components/views/elements/EventTilePreview.tsx         | 1 -
 .../settings/__snapshots__/FontScalingPanel-test.tsx.snap  | 2 +-
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/res/css/views/elements/_EventTilePreview.scss b/res/css/views/elements/_EventTilePreview.scss
index 6bb726168f..492be1dc9f 100644
--- a/res/css/views/elements/_EventTilePreview.scss
+++ b/res/css/views/elements/_EventTilePreview.scss
@@ -14,9 +14,6 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_EventTilePreview_loader {
-    &.mx_IRCLayout,
-    &.mx_GroupLayout {
-        padding: 9px 0;
-    }
+.mx_FontScalingPanel_fontSlider_preview.mx_EventTilePreview_loader {
+    padding: 9px 0;
 }
diff --git a/res/css/views/rooms/_ReadReceiptGroup.scss b/res/css/views/rooms/_ReadReceiptGroup.scss
index 33f4750640..815ef566b4 100644
--- a/res/css/views/rooms/_ReadReceiptGroup.scss
+++ b/res/css/views/rooms/_ReadReceiptGroup.scss
@@ -21,7 +21,7 @@ limitations under the License.
     display: inline-block;
     // This aligns the avatar with the last line of the
     // message. We want to move it one line up
-    // See .mx_GroupLayout .mx_EventTile .mx_EventTile_line in _GroupLayout.scss
+    // See .mx_EventTile[data-layout=group] .mx_EventTile_line in _EventTile.scss
     top: calc(-$font-22px - 3px);
     user-select: none;
     z-index: 1;
diff --git a/src/components/views/elements/EventTilePreview.tsx b/src/components/views/elements/EventTilePreview.tsx
index 86f8eeaf20..165422a2c2 100644
--- a/src/components/views/elements/EventTilePreview.tsx
+++ b/src/components/views/elements/EventTilePreview.tsx
@@ -117,7 +117,6 @@ export default class EventTilePreview extends React.Component<IProps, IState> {
     public render() {
         const className = classnames(this.props.className, {
             "mx_IRCLayout": this.props.layout == Layout.IRC,
-            "mx_GroupLayout": this.props.layout == Layout.Group,
             "mx_EventTilePreview_loader": !this.props.userId,
         });
 
diff --git a/test/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap b/test/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
index b39eeb2873..e3e3f14e31 100644
--- a/test/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
+++ b/test/components/views/settings/__snapshots__/FontScalingPanel-test.tsx.snap
@@ -19,7 +19,7 @@ exports[`FontScalingPanel renders the font scaling UI 1`] = `
       userId={null}
     >
       <div
-        className="mx_FontScalingPanel_fontSlider_preview mx_GroupLayout mx_EventTilePreview_loader"
+        className="mx_FontScalingPanel_fontSlider_preview mx_EventTilePreview_loader"
       >
         <Spinner
           h={32}