ipfs/ipfs-companion

Numbers of peers past 1000 get cut off in the toolbar

Open

#1,017 opened on Aug 5, 2021

View on GitHub
 (2 comments) (2 reactions) (0 assignees)JavaScript (1,992 stars) (364 forks)batch import
P3exp/novicegood first issuehelp wantedkind/enhancementtopic/design-visual

Description

Describe the bug Any number of peers past 1000 gets cut of in the toolbar To Reproduce Steps to reproduce the behaviour:

  1. Connect to over 1000 peers (Enabling AcceleratedDHTClient and DHT server mode helps with that)
  2. Look at the extension icon

Expected behaviour The number does not get cut off

Screenshots

Desktop (please complete the following information):

  • OS: macOS 12.0 Beta (21A5294g)
  • Browser: Firefox
  • Version: 92.0a1 (2021-08-05) (64-bit)

Contributor guide

Tech stack
javascriptcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
CSSbrowser extension development basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
The issue is a CSS overflow problem in the browser extension's toolbar icon. Look for the CSS file that styles the peer count badge, likely in a file like `popup.css` or the toolbar component. Adjust the width or use `text overflow: ellipsis` with a flexible container to display numbers beyond 1000 without cutting off. No linked PRs or assigned contributors, so the fix is open for grabs.