diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-27 11:35:55 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-27 11:35:55 +0100 |
| commit | 44a72320927ee3752ae600829c0c618b68e0f19d (patch) | |
| tree | d6fd0a540421e04fa33535356cc9f4a2544fcf9a /src/components | |
| parent | 8a352bfd18a54a8c9db996fac72269b658237189 (diff) | |
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.
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/PaginationCursor/PaginationCursor.module.scss | 8 |
1 files changed, 8 insertions, 0 deletions
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); + } } } |