From 6442b706b2270cf0b381a70a377eddc9ce213ff9 Mon Sep 17 00:00:00 2001 From: Simon Ser Date: Thu, 5 Dec 2024 17:34:50 +0100 Subject: [PATCH] ui-manchette: only use 0.5px line on HiDPI screens 0.5px lines don't show up reliably on LoDPI screens and Firefox. Signed-off-by: Simon Ser --- ui-manchette/src/styles/waypoint.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/ui-manchette/src/styles/waypoint.css b/ui-manchette/src/styles/waypoint.css index bc454180..9acd7a38 100644 --- a/ui-manchette/src/styles/waypoint.css +++ b/ui-manchette/src/styles/waypoint.css @@ -19,7 +19,10 @@ bottom: 11px; left: 0; width: 100%; - height: 0.5px; + height: 1px; + @media (min-resolution: 2x) { + height: 0.5px; + } @apply bg-grey-40; } } @@ -88,7 +91,10 @@ bottom: 16px; right: -1.625rem; width: 1.625rem; - height: 0.5px; + height: 1px; + @media (min-resolution: 2x) { + height: 0.5px; + } opacity: 0.6; @apply bg-grey-40; }