From 44a72320927ee3752ae600829c0c618b68e0f19d Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 27 Jan 2022 11:35:55 +0100
Subject: fix: make progress bar styles consistent between browsers

On Chromium the progress bar background was not applied.
However the border is still thicker than on Firefox.
---
 src/components/PaginationCursor/PaginationCursor.module.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/components/PaginationCursor')

diff --git a/src/components/PaginationCursor/PaginationCursor.module.scss b/src/components/PaginationCursor/PaginationCursor.module.scss
index 35484ea..17e46ac 100644
--- a/src/components/PaginationCursor/PaginationCursor.module.scss
+++ b/src/components/PaginationCursor/PaginationCursor.module.scss
@@ -24,5 +24,13 @@
       background-color: var(--color-primary-dark);
       border-radius: 1em;
     }
+
+    &::-webkit-progress-bar {
+      background: var(--color-bg-tertiary);
+      border: fun.convert-px(1) solid var(--color-primary-darker);
+      border-radius: 1em;
+      box-shadow: inset 0 0 fun.convert-px(4) fun.convert-px(1)
+        var(--color-shadow-light);
+    }
   }
 }
-- 
cgit v1.2.3