From 1428d9eeb7467adbe6977fadfd72655b403d1ace Mon Sep 17 00:00:00 2001 From: Kirill Platonov Date: Wed, 23 Oct 2024 21:02:12 +0200 Subject: [PATCH] Fix select styles in Safari (#455) Closes #454 --- app/assets/stylesheets/polaris_view_components.css | 4 +++- app/assets/stylesheets/polaris_view_components/custom.pcss | 7 +++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/polaris_view_components.css b/app/assets/stylesheets/polaris_view_components.css index 83470cff..bca242a7 100644 --- a/app/assets/stylesheets/polaris_view_components.css +++ b/app/assets/stylesheets/polaris_view_components.css @@ -535,7 +535,9 @@ white-space: nowrap !important; }/* Frame - TopBar */.Polaris-Frame__TopBar .Polaris-TopBar-SearchField > div { width: 100%; - }html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):first-child, + }/* Select *//* Fix for Safari bug: https://github.com/baoagency/polaris_view_components/issues/454 */select.Polaris-Select__Input { + font-weight: 400; +}html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):first-child, html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Heading:not(.Polaris-DataTable__Heading--flush):first-child { padding-left: var(--p-space-400); }html[class~="Polaris-Summer-Editions-2023"] .Polaris-DataTable .Polaris-DataTable__Cell:not(.Polaris-DataTable__Cell--flush):last-child, diff --git a/app/assets/stylesheets/polaris_view_components/custom.pcss b/app/assets/stylesheets/polaris_view_components/custom.pcss index b85755f7..cee0bd50 100644 --- a/app/assets/stylesheets/polaris_view_components/custom.pcss +++ b/app/assets/stylesheets/polaris_view_components/custom.pcss @@ -293,3 +293,10 @@ html[class~="Polaris-Summer-Editions-2023"] { width: 100%; } } + +/* Select */ + +/* Fix for Safari bug: https://github.com/baoagency/polaris_view_components/issues/454 */ +select.Polaris-Select__Input { + font-weight: 400; +}