From 96fd024d15c4823ac73f08bb576d575d99537b15 Mon Sep 17 00:00:00 2001 From: Jordan Reimer Date: Fri, 7 Jul 2023 13:03:43 -0600 Subject: [PATCH] adds fixed height to error-icon class to fix another safari style bug with stretched icons (#21678) --- ui/app/styles/components/icon.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/ui/app/styles/components/icon.scss b/ui/app/styles/components/icon.scss index 5b2b4e4df9..b10a2f9c12 100644 --- a/ui/app/styles/components/icon.scss +++ b/ui/app/styles/components/icon.scss @@ -75,11 +75,15 @@ height: 32px; } +// if using @stretched on FlightIcon there must be an explicit height set on the parent if used in a flexbox +// without height set the flexbox will scale out of proportion on Safari + .brand-icon-large { width: 62px; - height: 62px; // without an explicit height the view breaks in Safari + height: 62px; } .error-icon { width: 48px; + height: 48px; }