Replace --BaseCard_EventTile-spacing-horizontal with --BaseCard_EventTile-spacing-inline

- horizontal: inline
- vertical: block

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

Author: luixxiul

res/css/views/right_panel/_BaseCard.scss

@@ -16,7 +16,7 @@ limitations under the License.
 
 .mx_BaseCard {
     --BaseCard_EventTile_line-padding-block: 2px;
-    --BaseCard_EventTile-spacing-horizontal: 36px;
+    --BaseCard_EventTile-spacing-inline: 36px;
 
     padding: 0 8px;
     overflow: hidden;

res/css/views/right_panel/_TimelineCard.scss

@@ -43,8 +43,8 @@ limitations under the License.
     }
 
     .mx_NewRoomIntro {
-        margin-inline-start: var(--BaseCard_EventTile-spacing-horizontal);
-        margin-inline-end: var(--BaseCard_EventTile-spacing-horizontal);
+        margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+        margin-inline-end: var(--BaseCard_EventTile-spacing-inline);
     }
 
     .mx_EventTile_content {
@@ -65,7 +65,7 @@ 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-horizontal);
+            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 {
@@ -76,7 +76,7 @@ limitations under the License.
         .mx_DisambiguatedProfile,
         .mx_ReactionsRow,
         .mx_ThreadSummary {
-            margin-inline-start: var(--BaseCard_EventTile-spacing-horizontal);
+            margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
         }
 
         .mx_ReactionsRow {
@@ -146,8 +146,8 @@ limitations under the License.
     .mx_GenericEventListSummary:not([data-layout=bubble]) {
         .mx_EventTile_line,
         > .mx_GenericEventListSummary_unstyledList > .mx_EventTile_info .mx_EventTile_avatar ~ .mx_EventTile_line {
-            padding-inline-start: var(--BaseCard_EventTile-spacing-horizontal);
-            padding-inline-end: var(--BaseCard_EventTile-spacing-horizontal);
+            padding-inline-start: var(--BaseCard_EventTile-spacing-inline);
+            padding-inline-end: var(--BaseCard_EventTile-spacing-inline);
         }
     }
 

res/css/views/rooms/_EventTile.scss

@@ -962,11 +962,11 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
         }
 
         &[data-layout=bubble] {
-            margin-inline-start: var(--BaseCard_EventTile-spacing-horizontal);
-            margin-inline-end: var(--BaseCard_EventTile-spacing-horizontal);
+            margin-inline-start: var(--BaseCard_EventTile-spacing-inline);
+            margin-inline-end: var(--BaseCard_EventTile-spacing-inline);
 
             &::before {
-                inset-inline: calc(-1 * var(--BaseCard_EventTile-spacing-horizontal));
+                inset-inline: calc(-1 * var(--BaseCard_EventTile-spacing-inline));
                 z-index: auto; // enable background color on hover
             }