From c3e43106d7be419351c186918cf25b10edfc064c Mon Sep 17 00:00:00 2001 From: Amelia Fitzpatrick <153074017+ameliajfitzpatrick@users.noreply.github.com> Date: Thu, 8 Feb 2024 12:28:13 +0000 Subject: [PATCH] [DTO-4733][BpkRating] RTL Languages Backpack Rating Fix (#3220) [DTO-4733][BpkRating] RTL Languages Backpack Rating Fix (#3220) --------- Co-authored-by: Amelia Fitzpatrick --- packages/bpk-component-rating/src/BpkRating.module.css | 2 +- packages/bpk-component-rating/src/BpkRating.module.scss | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/bpk-component-rating/src/BpkRating.module.css b/packages/bpk-component-rating/src/BpkRating.module.css index c55e9e4990..f3045fd825 100644 --- a/packages/bpk-component-rating/src/BpkRating.module.css +++ b/packages/bpk-component-rating/src/BpkRating.module.css @@ -15,4 +15,4 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-rating{display:flex;flex-flow:row nowrap;align-items:baseline}.bpk-rating--large{align-items:center}.bpk-rating__value{display:flex;padding-right:0.5rem;justify-content:center;align-items:baseline;color:#161616}html[dir='rtl'] .bpk-rating__value{padding-right:0;padding-left:0.5rem}.bpk-rating__text-wrapper{display:flex;flex-direction:row;align-items:baseline;white-space:nowrap}.bpk-rating__text-wrapper--large{flex-direction:column;align-items:flex-start}.bpk-rating__scale{color:#545860}.bpk-rating__title--with-subtitle{padding-right:0.5rem}html[dir='rtl'] .bpk-rating__title--with-subtitle{padding-right:0;padding-left:0.5rem}.bpk-rating__title--large{padding-top:.0625rem}.bpk-rating__subtitle{color:#545860} +@keyframes bpk-keyframe-spin{100%{transform:rotate(1turn)}}.bpk-rating{display:flex;flex-flow:row nowrap;align-items:baseline}.bpk-rating--large{align-items:center}.bpk-rating__value{display:flex;padding-right:0.5rem;justify-content:center;align-items:baseline;color:#161616}html[dir='rtl'] .bpk-rating__value{padding-right:0;padding-left:0.5rem;direction:ltr}.bpk-rating__text-wrapper{display:flex;flex-direction:row;align-items:baseline;white-space:nowrap}.bpk-rating__text-wrapper--large{flex-direction:column;align-items:flex-start}.bpk-rating__scale{color:#545860}.bpk-rating__title--with-subtitle{padding-right:0.5rem}html[dir='rtl'] .bpk-rating__title--with-subtitle{padding-right:0;padding-left:0.5rem}.bpk-rating__title--large{padding-top:.0625rem}.bpk-rating__subtitle{color:#545860} diff --git a/packages/bpk-component-rating/src/BpkRating.module.scss b/packages/bpk-component-rating/src/BpkRating.module.scss index 2fd93f8665..1696ed8058 100644 --- a/packages/bpk-component-rating/src/BpkRating.module.scss +++ b/packages/bpk-component-rating/src/BpkRating.module.scss @@ -37,6 +37,7 @@ @include bpk-rtl { padding-right: 0; padding-left: bpk-spacing-md(); + direction: ltr; } }