From b9f3024987404e3617afcb0c0ff29e0944fa945b Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 9 Jun 2022 12:45:40 +0200 Subject: fix(media-queries): use pixel based media queries Everything was working fine with Firefox but it seems Chromium still has issues with `em` unit in media queries. The toolbar modals (search, settings and also main nav) was not displaying correctly on small devices. Some styles was missing. By switching to pixels based media queries, the bug seems fixed. --- src/components/organisms/toolbar/toolbar.module.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'src/components') diff --git a/src/components/organisms/toolbar/toolbar.module.scss b/src/components/organisms/toolbar/toolbar.module.scss index 85eeee5..39cd6fe 100644 --- a/src/components/organisms/toolbar/toolbar.module.scss +++ b/src/components/organisms/toolbar/toolbar.module.scss @@ -50,7 +50,10 @@ @media screen and (min-width: #{var.get-breakpoint("sm")}) { .modal { - min-width: fun.convert-px(380); + &--search, + &--settings { + min-width: fun.convert-px(380); + } } } } -- cgit v1.2.3