From 76bcdbc1517a7a87494aefedd80e3eeb0c17c184 Mon Sep 17 00:00:00 2001 From: Ruchika Sinha <69535463+Ruchika4@users.noreply.github.com> Date: Mon, 22 Apr 2024 10:21:02 -0700 Subject: [PATCH] Revert "[MWPW-146756] Add support for RTL in aside notifications, horizontal cards" (#2177) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Revert "[MWPW-146756] Add support for RTL in aside notifications, horizontal …" This reverts commit e71b33d8675c1bf8ef7b9b18c5d481b4452adc02. --- libs/blocks/aside/aside.css | 12 +--- .../card-horizontal/card-horizontal.css | 62 +------------------ 2 files changed, 2 insertions(+), 72 deletions(-) diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css index c86e77cd83..931d59a09c 100644 --- a/libs/blocks/aside/aside.css +++ b/libs/blocks/aside/aside.css @@ -415,7 +415,7 @@ } .aside.notification.center.small .foreground.container .text p { - text-align: initial; + text-align: left; } .aside.notification.large .foreground.container { @@ -799,11 +799,6 @@ margin-left: 24px; } - [dir = "rtl"] .aside.notification.small .foreground.container .text .body-m.action-area { - margin-left: 0; - margin-right: 24px; - } - .aside.split.half .foreground.container .text { flex: 0 0 41.72%; } @@ -844,11 +839,6 @@ margin-bottom: 0; } - [dir = "rtl"] .aside.notification .foreground.container .icon-area { - margin-left: var(--spacing-xs); - margin-right: 0; - } - .aside.notification.extra-small .foreground.container.no-image .text { display: flex; } diff --git a/libs/blocks/card-horizontal/card-horizontal.css b/libs/blocks/card-horizontal/card-horizontal.css index 07b01d8578..87ae47302c 100644 --- a/libs/blocks/card-horizontal/card-horizontal.css +++ b/libs/blocks/card-horizontal/card-horizontal.css @@ -65,7 +65,7 @@ position: relative; display: flex; flex-direction: row; - text-align: initial; + text-align: left; align-items: center; background-color: white; border-radius: 4px; @@ -98,11 +98,6 @@ flex-grow: 1; } -[dir = "rtl"] .card-horizontal .foreground .card-block .card-content { - padding-left: var(--spacing-s); - padding-right: 0; -} - .card-horizontal .foreground .card-block .card-image { height: 130px; flex: 0 0 90px; @@ -156,11 +151,6 @@ margin-left: var(--spacing-s); } -[dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-s); -} - .two-up .card-horizontal .foreground .card-block .card-image, .three-up .card-horizontal .foreground .card-block .card-image { flex: 0 0 91px; @@ -179,11 +169,6 @@ padding-right: var(--spacing-m); } - [dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-content { - padding-left: var(--spacing-m); - padding-right: 0; - } - .card-horizontal.tile .foreground .card-block .card-image { flex: 0 0 106px; } @@ -198,11 +183,6 @@ margin-left: var(--spacing-m); } - [dir = "rtl"] .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-m); - } - .two-up .card-horizontal .foreground .card-block { gap: var(--spacing-s); } @@ -219,22 +199,12 @@ padding-right: var(--spacing-s); } - [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-content { - padding-left: var(--spacing-s); - padding-right: 0; - } - .two-up .card-horizontal.tile .foreground .card-block .card-image img { width: 74px; height: 72px; margin-left: var(--spacing-s); } - [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-s); - } - .three-up .card-horizontal.tile .foreground .card-block .card-image { flex: 0 0 98px; } @@ -242,11 +212,6 @@ .three-up .card-horizontal.tile .foreground .card-block .card-image img { margin-left: var(--spacing-s); } - - [dir = "rtl"] .three-up .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-s); - } } @media screen and (min-width: 1200px) { @@ -259,29 +224,14 @@ padding-right: var(--spacing-m); } - [dir = "rtl"] .card-horizontal .foreground .card-block .card-content { - padding-left: var(--spacing-m); - padding-right: 0; - } - .two-up .card-horizontal .foreground .card-block .card-content { padding-right: var(--spacing-s); } - [dir = "rtl"] .two-up .card-horizontal .foreground .card-block .card-content { - padding-left: var(--spacing-s); - padding-right: 0; - } - .three-up .card-horizontal .foreground .card-block .card-content { padding-right: var(--spacing-s); } - [dir = "rtl"] .three-up .card-horizontal .foreground .card-block .card-content { - padding-left: var(--spacing-s); - padding-right: 0; - } - .card-horizontal .foreground .card-block .card-image { flex: 0 0 180px; } @@ -314,11 +264,6 @@ margin-left: var(--spacing-s); } - [dir = "rtl"] .two-up .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-s); - } - .three-up .card-horizontal.tile .foreground .card-block .card-image { flex: 0 0 98px; } @@ -326,9 +271,4 @@ .three-up .card-horizontal.tile .foreground .card-block .card-image img { margin-left: var(--spacing-s); } - - [dir = "rtl"] .three-up .card-horizontal.tile .foreground .card-block .card-image img { - margin-left: 0; - margin-right: var(--spacing-s); - } }