yarn run lint:style --fix

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

res/css/views/right_panel/_TimelineCard.scss

@@ -63,58 +63,58 @@ limitations under the License.
         }
 
         &:not([data-layout="bubble"]) {
-        &.mx_EventTile_info .mx_EventTile_line,
-        .mx_EventTile_line {
-            padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
-            padding-inline-end: $MessageTimestamp_width; // ensure timestamp is not hidden
+            &.mx_EventTile_info .mx_EventTile_line,
+            .mx_EventTile_line {
+                padding: var(--BaseCard_EventTile_line-padding-block) var(--BaseCard_EventTile-spacing-inline);
+                padding-inline-end: $MessageTimestamp_width; // ensure timestamp is not hidden
 
-            .mx_EventTile_e2eIcon {
-                inset-inline-start: 8px;
+                .mx_EventTile_e2eIcon {
+                    inset-inline-start: 8px;
+                }
             }
-        }
 
-        .mx_DisambiguatedProfile,
-        .mx_ReactionsRow,
-        .mx_ThreadSummary {
-            margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
-        }
+            .mx_DisambiguatedProfile,
+            .mx_ReactionsRow,
+            .mx_ThreadSummary {
+                margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+            }
 
-        .mx_ReactionsRow {
-            padding: 0;
+            .mx_ReactionsRow {
+                padding: 0;
 
-            // See margin setting of ReactionsRow on _EventTile.scss
-            margin-right: 8px;
-        }
+                // See margin setting of ReactionsRow on _EventTile.scss
+                margin-right: 8px;
+            }
 
-        .mx_ThreadSummary {
-            margin-right: 0;
-            max-width: min(calc(100% - 36px), 600px);
-        }
+            .mx_ThreadSummary {
+                margin-right: 0;
+                max-width: min(calc(100% - 36px), 600px);
+            }
 
-        .mx_EventTile_avatar {
-            position: absolute; // for IRC layout
-            top: 12px;
-            left: -3px;
-        }
+            .mx_EventTile_avatar {
+                position: absolute; // for IRC layout
+                top: 12px;
+                left: -3px;
+            }
 
-        .mx_MessageTimestamp {
-            position: absolute; // for modern layout and IRC layout
-            inset-inline-start: auto;
-            inset-inline-end: 0;
-        }
+            .mx_MessageTimestamp {
+                position: absolute; // for modern layout and IRC layout
+                inset-inline-start: auto;
+                inset-inline-end: 0;
+            }
 
-        .mx_EventTile_msgOption {
-            // Override mx_EventTile_msgOption of mx_EventTile:not([data-layout="bubble"])
-            margin-inline-end: 0;
-        }
+            .mx_EventTile_msgOption {
+                // Override mx_EventTile_msgOption of mx_EventTile:not([data-layout="bubble"])
+                margin-inline-end: 0;
+            }
 
-        &.mx_EventTile_info {
-            .mx_EventTile_avatar {
-                left: 18px;
+            &.mx_EventTile_info {
+                .mx_EventTile_avatar {
+                    left: 18px;
+                }
             }
         }
     }
-    }
 
     .mx_EventTile,
     .mx_GenericEventListSummary {

res/css/views/rooms/_EventBubbleTile.scss

@@ -668,6 +668,17 @@ limitations under the License.
         }
     }
 
+    /* events that do not require bubble layout */
+    .mx_EventTile_line {
+        background: transparent;
+    }
+
+    &:hover {
+        &::before {
+            background: transparent;
+        }
+    }
+
     &::after {
         content: "";
         clear: both;
@@ -711,19 +722,6 @@ limitations under the License.
     }
 }
 
-/* events that do not require bubble layout */
-.mx_GenericEventListSummary[data-layout=bubble] {
-    .mx_EventTile_line {
-        background: transparent;
-    }
-
-    &:hover {
-        &::before {
-            background: transparent;
-        }
-    }
-}
-
 .mx_EventTile_tileError[data-layout=bubble] .mx_EventTile_line {
     flex-direction: column; // restore the centering
 }