From fed2e3b53016d6958def089fb1d903daa8444c9a Mon Sep 17 00:00:00 2001 From: Christiaan Scheermeijer Date: Wed, 23 Jun 2021 15:12:36 +0200 Subject: [PATCH] fix(playlist): iOS Dropdown styling fixes --- src/components/Dropdown/Dropdown.module.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/Dropdown/Dropdown.module.scss b/src/components/Dropdown/Dropdown.module.scss index 1b2579424..91ecb7876 100644 --- a/src/components/Dropdown/Dropdown.module.scss +++ b/src/components/Dropdown/Dropdown.module.scss @@ -31,6 +31,7 @@ $disabled-gradient: linear-gradient(to top, #ddd, $disabled-bg-color 33%); margin-right: 9px; background-color: $select-arrow; clip-path: polygon(100% 0%, 0 0%, 50% 100%); + -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%); /* stylelint-disable-line */ content: ''; justify-self: end; } @@ -45,11 +46,13 @@ $disabled-gradient: linear-gradient(to top, #ddd, $disabled-bg-color 33%); font-family: inherit; font-weight: 700; font-size: 1rem; + line-height: 1em; text-overflow: ellipsis; background: none; border: none; outline: none; cursor: inherit; + -webkit-appearance: none; /* stylelint-disable-line */ appearance: none; // Remove IE arrow