From e9cf6df45abe79ab2d43c03bb87c3cf9f8f32bc6 Mon Sep 17 00:00:00 2001 From: Carlos Lima Date: Thu, 29 Aug 2024 19:14:56 -0300 Subject: [PATCH] [PLAY-1527] Hosting the right phone number input flags png file (#3641) **What does this PR do?** [Runway Story](https://runway.powerhrg.com/backlog_items/PLAY-1527) **How to test?** Steps to confirm the desired behavior: 1. Go to the Phone Number Input kit doc page. #### Checklist: - [x] **LABELS** Add a label: `enhancement`, `bug`, `improvement`, `new kit`, `deprecated`, or `breaking`. See [Changelog & Labels](https://github.com/powerhome/playbook/wiki/Changelog-&-Labels) for details. - [x] **DEPLOY** I have added the `milano` label to show I'm ready for a review. - [ ] **TESTS** I have added test coverage to my code. --- .../pb_phone_number_input/_phone_number_input.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss b/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss index 6b537a46b4..4d6c9502fe 100644 --- a/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +++ b/playbook/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss @@ -60,6 +60,7 @@ $flag-min-resolution: 192dpi; } .iti__flag { + background-image: url("https://unpkg.com/playbook-ui@14.2.0-alpha.fixphonenumberinputflag3631/dist/assets/flags.png"); border-radius: 1px; } @@ -196,4 +197,10 @@ $flag-min-resolution: 192dpi; } } } + + @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: $flag-min-resolution) { + .iti__flag { + background-image: url("https://unpkg.com/playbook-ui@14.2.0-alpha.fixphonenumberinputflag3631/dist/assets/flags.png"); + } + } }