From e433e9b1d7a6d5b5807061e010a09651fa539b9a Mon Sep 17 00:00:00 2001 From: skhamvon Date: Tue, 5 Dec 2023 16:53:39 +0100 Subject: [PATCH] fix(phone-number): fix flag shadow in select --- .../src/components/osds-phone-number/osds-phone-number.scss | 4 +++- .../src/components/osds-select-option/osds-select-option.scss | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss b/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss index 480573258e..4d2750a6d6 100644 --- a/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss +++ b/packages/components/phone-number/src/components/osds-phone-number/osds-phone-number.scss @@ -2,6 +2,8 @@ @import '~@ovhcloud/ods-common-theming/ods-theme'; :host(.phone-number) { + --ods-select-option-overflow: visible; + display: inline-flex; } @@ -40,7 +42,7 @@ $phone-number-input-width: 236px; width: 24px; } } - + &.opened + .phone-number__input { border-bottom-right-radius: 0; } diff --git a/packages/components/select/src/components/osds-select-option/osds-select-option.scss b/packages/components/select/src/components/osds-select-option/osds-select-option.scss index 40c74a967a..5dd26bdd41 100644 --- a/packages/components/select/src/components/osds-select-option/osds-select-option.scss +++ b/packages/components/select/src/components/osds-select-option/osds-select-option.scss @@ -18,7 +18,7 @@ .option > .truncated { min-width: 0; - overflow: hidden; + overflow: var(--ods-select-option-overflow, hidden); text-overflow: ellipsis; white-space: nowrap; word-break: break-all;