Skip to content
This repository was archived by the owner on Sep 30, 2024. It is now read-only.

Svelte: fix badge centering#62474

Merged
camdencheek merged 2 commits into
mainfrom
cc/fix-sidebar-centering
May 7, 2024
Merged

Svelte: fix badge centering#62474
camdencheek merged 2 commits into
mainfrom
cc/fix-sidebar-centering

Conversation

@camdencheek

@camdencheek camdencheek commented May 6, 2024

Copy link
Copy Markdown
Member

Some changes in text size made it obvious that we were not correctly centering the badge number. This fixes it by adding display: contents to the wrapping span that is just used for targeting an override. This way, the flexbox aligns items centered as intended.

Test plan

Before:
screenshot-2024-05-06_17-44-02@2x

After:
screenshot-2024-05-06_17-43-47@2x

@cla-bot cla-bot Bot added the cla-signed label May 6, 2024
@camdencheek camdencheek changed the base branch from main to cc/symbol-kinds May 6, 2024 21:45
@camdencheek camdencheek force-pushed the cc/fix-sidebar-centering branch from 8448847 to 029f327 Compare May 6, 2024 21:47
@camdencheek camdencheek changed the base branch from cc/symbol-kinds to main May 6, 2024 21:48
@camdencheek camdencheek marked this pull request as ready for review May 6, 2024 21:50
@camdencheek camdencheek requested a review from a team May 6, 2024 21:51
Comment thread client/web-sveltekit/src/lib/search/dynamicFilters/CountBadge.svelte Outdated
@camdencheek camdencheek enabled auto-merge (squash) May 7, 2024 15:21
camdencheek and others added 2 commits May 7, 2024 12:07
@camdencheek camdencheek force-pushed the cc/fix-sidebar-centering branch from 9044357 to 6fbadbe Compare May 7, 2024 16:07
@camdencheek camdencheek merged commit 7a32f48 into main May 7, 2024
@camdencheek camdencheek deleted the cc/fix-sidebar-centering branch May 7, 2024 16:14
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants