Skip to content
This repository was archived by the owner on Mar 13, 2025. It is now read-only.

[$20] When experience in filter is selected too long it's going outside the box see in image #294

Closed
rajanmourya opened this issue Jul 12, 2020 · 3 comments
Labels
bug Something isn't working

Comments

@rajanmourya
Copy link

Describe the bug
When experience in filter is selected too long it's going outside the box see in image

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://skill-search.topcoder-dev.com/
  2. Now select the experience in filter box which is very long
  3. observe it is going outside the box

Actual Behavior
If experience is too large it is going outside the box

Expected behavior
If the number is too large it must be aligned properly

Screenshots

Snapshot 2020-07-12 18 35 36

OS/Browser:

  • OS: Windows 10 (64 Bit)
  • Browser: IE 11
  • Version: 11.900
@callmekatootie
Copy link
Collaborator

valid bug - the value does not have a space in it

@callmekatootie callmekatootie removed their assignment Jul 17, 2020
@callmekatootie callmekatootie added the bug Something isn't working label Jul 17, 2020
@wdprice wdprice added this to the v1.0 - Initial Launch milestone Jul 20, 2020
@callmekatootie callmekatootie changed the title When experience in filter is selected too long it's going outside the box see in image [$20] When experience in filter is selected too long it's going outside the box see in image Jul 21, 2020
@callmekatootie
Copy link
Collaborator

Expected:

The filter values are basically going to be the values that will be present in any of the user's profiles.

When the filter is selected, in the pill, ensure that long values are displayed properly. You have two options here - either provide ... ellipsis indicator and on hover show tooltip with full value, or do a word wrap (and for a really long word, break word) and in the case of the latter, provide proper padding

You need to do this for ALL pills in all the filter sections in the left sidebar

@callmekatootie
Copy link
Collaborator

This is now resolved along with the group pills issue.

image

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants