[DTO-4733][BpkRating] RTL Languages Backpack Rating Fix (#3220)

[DTO-4733][BpkRating] RTL Languages Backpack Rating Fix (#3220) --------- Co-authored-by: Amelia Fitzpatrick <[email protected]>
Skyscanner · Feb 8, 2024 · c3e4310 · c3e4310
1 parent 5aed6b2
commit c3e4310
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -37,6 +37,7 @@
     @include bpk-rtl {
       padding-right: 0;
       padding-left: bpk-spacing-md();
+      direction: ltr;
     }
   }