fix css distortion in grants sidebar

[chibie]

Description

Fix distortion in grants sidebar categories

before:

after:

Fixes

Fixes #7391

[amustapha]

This still falls on 2 lines.

I think a good fix might have to make the root view flex and setting a minimum width on the sidebar_search.

[chibie]

@aamustapha

the sidebar_search currently uses up the full width of col-3 for 3-9 column set

"$50k - Space Race 2 (Filecoin)"
is too long for a category name and truncating wouldn't be nice. there should be a max character length for category name considering there's also a superscript

a max length of 20 characters works well. as shown in this sample using 9999 superscript for matic

[amustapha]

Well, in this case I'd recommend either, increasing the width of the sidebar a little or, reducing the size of the font a little. I just feel it'd be neat if we're able to wrap everything on one line.

You could also decide to go rogue and use overflow: visible 🤡

[chibie]

i guess the filecoin category has been renamed

[aamustapha-gitcoin]

LGTM

[octavioamu]

Left a comment just for caution

[octavioamu]

this file is shared on tribes and other part of the site I think should be better instead just use w-100 class on the html to be safe is not going to break nothing on the other pages

[danlipert]

Yeah this is probably a good idea @chibie - we often find when we change css thats used on multiple pages some visual errors someplace else weeks later... 😆

[chibie]

oh right! i'll fix this in a bit

[chibie]

@octavioamu @danlipert done!

[danlipert]

see Octavio's comment

[codecov]

Codecov Report

Merging #7705 into master will increase coverage by 0.01%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master    #7705      +/-   ##
==========================================
+ Coverage   25.42%   25.44%   +0.01%     
==========================================
  Files         328      328              
  Lines       33044    33044              
  Branches     4918     4919       +1     
==========================================
+ Hits         8401     8407       +6     
+ Misses      24356    24350       -6     
  Partials      287      287              

Impacted Files	Coverage Δ
app/marketing/mails.py	11.88% <0.00%> (-0.03%)	⬇️
app/retail/emails.py	20.43% <0.00%> (ø)
app/dashboard/models.py	50.01% <0.00%> (+0.04%)	⬆️
app/dashboard/embed.py	31.60% <0.00%> (+3.44%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update faee476...261ce3e. Read the comment docs.